Можно ли использовать CSS для определения пользовательских атрибутов в тегах HTML?

Question

У меня есть много div с атрибутами и значениями.

У меня вопрос, могу ли я нацелить эти div'ы, используя CSS для стилизации?

Таким образом, я могу создавать CSS-классы для стилизации и иметь JavaScript для добавления функциональности на страницу. В противном случае мне нужно создавать CSS-классы и атрибуты индивидуально.

Дополнительный момент - я делаю это так, чтобы сайт изящно деградировал. Поэтому, когда javascript недоступен, стиль не затрагивается. В то же время javascript, если он присутствует, может обеспечить более богатый опыт.

Answer 1

Да, абсолютно.

div[attr~=value]

Подробнее о селекторах CSS . Не должен работать в IE;)

Answer 2

Теоретически ответ - да, как указывает Мачей.

В реальной практике ответ "это зависит".

Более поздние версии CSS включают в себя средства выбора элементов по произвольным атрибутам (кстати, в своем вопросе, когда вы использовали слово «класс», вы имели в виду «селектор», верно?), И еще недавно некоторые браузеры нашли способ реализовать эту часть CSS.

Так что, если ваша аудитория состоит в основном из людей, использующих браузеры, поддерживающие эту функцию, и вы можете кодировать свой сайт, чтобы изящно ухудшить его для тех, кто этого не делает, ответ остается да. Поскольку IE7 / 6 (я не знаю о 8) не поддерживает это, мы говорим о непубличной аудитории, которую можно убедить / заставить не использовать IE. Высокий заказ.

Есть ли причина, по которой стандартное использование атрибута класса не сокращает его для вас?

Поскольку эта проблема связана с использованием javascript, возможно, JQuery (который может выбирать с использованием произвольных атрибутов в большинстве браузеров) может быть решением для вас.