Regra CSS baseada no conteúdo

O CSS pode ser usado para aplicar um estilo distinto a âncoras que contêm uma palavra específica?

Resposta

Infelizmente, CSS puro não oferece uma solução nativa para estilizar elementos com base em seu conteúdo. O seletor ':contains' proposto não faz parte do atual rascunho de trabalho dos seletores CSS3.

Solução alternativa para JavaScript

Para obter essa funcionalidade, JavaScript pode ser usado. Por exemplo, o trecho de código a seguir itera por todos os links no documento e aplica uma cor vermelha a qualquer âncora cujo conteúdo corresponda à string "SpecificWord":

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

Este exemplo de HTML demonstra o efeito do script:

SpecificWord
OtherWords

Após a execução, a primeira âncora será estilizada com uma cor vermelha, enquanto a segunda manterá seu estilo padrão.