Attribut Selektor für Textinhalte ?
uliII
- css
Hi,
wie muss der Style definiert sein, um eine kleine Grafik mit der Pseudoklasse :before einem bestimmten Textlink zuzuweisen?
Beispiel: Textlink "eins" und Textlink "zwei". Nur bei "eins" soll die Grafik erscheinen.
Also irgendwas mit #link a:[=eins]:before { content:url(kleineGrafik.jpg)" "}
Was genau muss in den Klammern stehen?
Herzliche Grüße
uli
Hi,
wie muss der Style definiert sein, um eine kleine Grafik mit der Pseudoklasse :before einem bestimmten Textlink zuzuweisen?
einem durch seinen _Inhalt_ bestimmten Textlink? Gar nicht. Es gab mal den Plan einer Pseudoklasse :contains(), der jedoch AFAIK wieder verworfen wurde.
Also irgendwas mit #link a:[=eins]:before { content:url(kleineGrafik.jpg)" "}
Text ist kein Attribut.
Cheatah
einem durch seinen _Inhalt_ bestimmten Textlink? Gar nicht. Es gab mal den Plan einer Pseudoklasse :contains(), der jedoch AFAIK wieder verworfen wurde.
In Sizzle ist diese Pseudoklasse umgesetzt - die Fackeln da nicht so lange wie die bei Hixies Primatenbande.
Also irgendwas mit #link a:[=eins]:before { content:url(kleineGrafik.jpg)" "}
Text ist kein Attribut.
Aber ein Attribut ist ein Knoten im DOM - schade dass dass CSS nicht ganz so nahtlos sieht.
einem durch seinen _Inhalt_ bestimmten Textlink? Gar nicht. Es gab mal den Plan einer Pseudoklasse :contains(), der jedoch AFAIK wieder verworfen wurde.
In Sizzle ist diese Pseudoklasse umgesetzt - die Fackeln da nicht so lange wie die bei Hixies Primatenbande.
Hicksie muss sich wohl auch bei :empty persönlich betroffen gefühlt haben.
mfg Beat
wie muss der Style definiert sein, um eine kleine Grafik mit der Pseudoklasse :before einem bestimmten Textlink zuzuweisen?
Beispiel: Textlink "eins" und Textlink "zwei". Nur bei "eins" soll die Grafik erscheinen.
Warum ziehst du nicht das href Attribut als Selektor bei?
Was genau muss in den Klammern stehen?
ganz moderne Selektoren:
a[href^="http://"]:before
{ content:"external link"; }
a[href$=".pdf"]:before
{ content: "PDF-Document" }
a[href*="example.org"]:before
{ content: "Example-Link" }
mfg Beat