CSS-Regel basierend auf Inhalt

Question

Ich möchte einen anderen Stil auf alle Anker anwenden, die ein bestimmtes Wort enthalten. Kann es in reinem CSS gemacht werden? Es ist in Ordnung, wenn es nur CSS3 ist.

Answer 1

Nr :contains wurde einmal vorgeschlagen, ist aber in dem aktuellen Arbeitsentwurf von CSS3 Selectors nicht .

Sie würden einige JavaScript benötigen, zum Beispiel:

for (var i= document.links.length; i-->0;) 
    if (/\bSpecificWord\b/i.test(document.links[i].innerHTML) 
     document.links[i].style.color= 'red'; 

Answer 2

ja, es ist ein :contains Wähler in CSS3.

li:contains("special"){text-style: italic;} 

es etwa 1/2 unten auf dieser Seite erwähnt wird here

Diese something you can also do with jQuery Auch das ist ...

Answer 3

Sie können match attribute values though. Wenn Sie benutzerdefinierte Datenattribute verwenden, erhalten Sie möglicherweise, was Sie wollen.

Answer 4

Verwenden Sie die Hitch, die eine winzige JS-Bibliothek ist. Sie können auf einfache Weise einen Content-basierten Stil auf jedes Element anwenden. Es hat viele Optionen und eignet sich hervorragend für bedingtes Styling.

Answer 5

@bobince mir helfen und ich schrieb diesen Code:

var x = document.getElementsByTagName('TD'); 
for (var i= x.length; i-->0;) 
    if (x[i].innerHTML=='closed') 
     x[i].parentNode.style.background= '#FEE'; 

Wenn der Inhalt einiger TD ist die Farbe des TR dann der Hintergrund ‚ geschlossen‘ wird mit hellrote Farbe identifiziert werden.