Можно ли выбирать элементы в CSS по их атрибутам данных HTML5 (например, data-role
)?
css
html
css-selectors
custom-data-attribute
Диого Кардосо
источник
источник
$("#element").data("field","value");
, что значение атрибутов данных не изменяется, оно только изменяет кэшированную версию jQuery DOM. Для изменения фактического атрибута DOM необходимо использовать$("#element").attr("data-field","value");
. Сделав мой оригинальный комментарий недействительным.В современных браузерах также можно выбирать атрибуты независимо от их содержимого.
с:
Например: http://codepen.io/jasonm23/pen/fADnu
Работает на очень значительном проценте браузеров.
Обратите внимание, что это также можно использовать в селекторе JQuery или с помощью
document.querySelector
источник
^=
,*=
и$=
), также поддерживаются IE7 и IE8. Может быть, они были введены в IE до стандартизации.Стоит отметить селекторы атрибутов подстроки CSS3
источник
Вы можете комбинировать несколько селекторов, и это так здорово, зная, что вы можете выбрать каждый атрибут и атрибут на основе их значения, например
href
на основе их значений только с помощью CSS.Атрибуты селекторы позволяет играть вокруг некоторой дополнительной с
id
иclass
атрибутыВот отличная статья о селекторах атрибутов
скрипка
Поддержка браузера:
IE6 +, Chrome, Firefox и Safari
Вы можете проверить детали здесь .
источник
источник