Как использовать/эмулировать regex-подобные обратные ссылки в селекторах атрибутов?

Question

Что я хочу сделать, это написать селектор, который соответствует произвольному значению в одном месте, а затем требует, чтобы другое значение было равно ему. Если [attr="value"] разобраны «значение» как регулярное выражение, то это было бы решить мою проблему:

*[class="(.+)"] *[class="if_\1"] {/* styles */} 

Очевидно, что я мог бы просто перечислить весь возможный класс по отдельности, но это требует много удобства из него.

Возможно ли это?

Answer 1

Нет, это невозможно. Селекторы атрибутов почти полностью статичны и практически не имеют функциональных возможностей динамического сопоставления (помимо совпадений подстрок, которые по-прежнему являются статическими, а не динамическими на основе шаблонов). Они не поддерживают ничего похожего на то, что вы видите в повседневных регулярных выражениях.

Препроцессор таблиц стилей, такой как Sass или LESS, позволит вам генерировать статические правила CSS, но все, что делает это, автоматизирует ручную задачу перечисления всех возможных значений по отдельности, что доказывает мою первую точку.