Правило CSS на основе контента

Можно ли использовать CSS для применения особого стиля к привязкам, содержащим определенное слово?

Ответ

К сожалению, чистый CSS не предлагает собственного решения для стилизации элементов на основе их содержимого. Предлагаемый селектор «:contains» не является частью текущего рабочего проекта селекторов CSS3.

Обходной путь JavaScript

Для достижения этой функциональности можно использовать JavaScript. Например, следующий фрагмент кода перебирает все ссылки в документе и применяет красный цвет к любой привязке, содержимое которой соответствует строке «SpecificWord»:

Array.from(document.links).forEach(link => {
  if (/\bSpecificWord\b/i.test(link.innerHTML)) {
    link.style.color = 'red';
  }
});

Этот пример HTML демонстрирует эффект скрипта:

SpecificWord
OtherWords

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