Data attributes with css selectors

Question

I am trying to remove a div targeting it with a data selector.

css

[data-id="b5c3cde7-8aa1"]  {
    display:none;
}

does not work. Is is possible?

Simply, you forgot to create element with `data-id` attribute. https://jsfiddle.net/nyqxkmpz/ — pavel, May 15 '15 at 12:07
Yes of course it works: [http://stackoverflow.com/questions/5324415/select-elements-by-data-attribute-in-css][1] [1]: http://stackoverflow.com/questions/5324415/select-elements-by-data-attribute-in-css — Ashkan Mobayen Khiabani, May 15 '15 at 12:09

Suchit kumar · Accepted Answer · 2015-05-16T14:57:44.807

10

you have to add this attribute to the div then hide it:

[data-id="b5c3cde7-8aa1"]  {
    display:none;
}

<div data-id="b5c3cde7-8aa1">hide me</div>

edited May 16 '15 at 14:57

answered May 15 '15 at 12:09

Suchit kumar

1 Answers1