16 мар. 2011 г. · TL;DR: Yes, it's okay to use data-* attributes in CSS selectors, provided the page is still usable without them.

21 окт. 2014 г. · I'd like to add cursors to all the elements that have a data attribute as they will be interactive.

23 янв. 2020 г. · You can use the Attribute selector [] for this div[data-component-id="12345"] { background-color: red; }

16 апр. 2021 г. · Just as there already exist in CSS the following attribute selectors: [data-attribute="value"] // has data-attribute , the value of which is ...

23 февр. 2014 г. · You'll want to use [data-favorite="1"] {} The difference being the quotes "" around the value. Here's the working jsFiddle

16 сент. 2021 г. · You can use JavaScript to select the elements and apply the desired styles. This can be achieved by storing the data-content values in an array and using ...

15 мая 2015 г. · 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?

24 июл. 2015 г. · No, there's no way in pure CSS. Possible attribute selectors are: [att]; [att=val]; [att~=val]; [att|=val]. And W3's docs on Attribute ...

22 июн. 2013 г. · Is there a CSS selector that applies to non-empty attributes? Using :not([Data-Attribute='']) matches if the attribute is non-existing, too.

11 июн. 2014 г. · With CSS you can select elements with their attributes: div[data-points] { }. or the value of their attributes: div[data-points="800"] { }.