CSS based on data-name?

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*

'div[data-name="random_name"] {color:red;} – Shayan Sep 23 '16 at 07:41 — Shayan, Sep 23 '16 at 07:41

score 5 · Accepted Answer · answered Sep 23 '16 at 07:45

5

Use below

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

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

answered Sep 23 '16 at 07:45

Dhaarani

1 Answers1