CSS based on data-name? [duplicate]

Question

Is it possible to style an html element (div) by its data member f.e. data-name?

my div:

<div data-name="random_name">...</div>

And is it possible to grab the element by data member that contains certain phrase?

f.e. i want to grab and style every element that its data member contains:

random*

Answer 1

Use below

div[data-name="random_name"] {border:1px solid red;padding:10px;} 

<div data-name="random_name">Random name</div>