Verschachtelte Selektoren: Weitere Möglichkeiten
In den Beispielen oben habe ich nur HTML-Tags verschachtelt. du darfst
natürlich alle Selektoren verschachteln und auch mehr als zwei. Schaue
Dir dazu die folgenden Beispiele an.
Beispiel:
Schriftfarbe fest, wenn dieser
1. das Attribut href enthält,
2. in einem
natürlich alle Selektoren verschachteln und auch mehr als zwei. Schaue
Dir dazu die folgenden Beispiele an.
Beispiel:
div p *[href] legt für einen attributabhängigen Selektor eine rote
Ein Text und ein Hyperlink in Rot
Ein Text ein Hyperlink in Rot
Schriftfarbe fest, wenn dieser
1. das Attribut href enthält,
2. in einem
-Tag verwendet wird,
3. und das
-Tag in einem
-Tag vorkommt.
Das nächste Beispiel verknüpft einen Selektor mit Stylesheet-Angaben,
wenn er direkt nach einem anderen Selektor verwendet wird.
Beispiel:
div ol>li p legt für ein-Tag vorkommt.
2. Das -Tag muss in einer nummerierten Liste verwendet werden,
3. die in einem
Das nächste Beispiel verknüpft einen Selektor mit Stylesheet-Angaben,
wenn er direkt nach einem anderen Selektor verwendet wird.
Beispiel:
- Ein Eintrag
Ein Eintrag in rot
div ol>li p legt für ein
-Tag eine rote Schriftfarbe fest, wenn es
1. in einem
2. Das
3. die in einem
-Tag eingefügt ist.
Das letzte Beispiel verknüpft einen Selektor mit Stylesheet-Angaben,
wenn er nach einem anderen Selektor verwendet wird.
Beispiel:
a:hover .vis {visibility:visible;} legt für den class-Selektor .vis den
Wert visible fest, wenn dieser in einem gehoverten Hyperlink verwendet
wird, d.h. wenn der User den Mauszeiger über den Hyperlink bewegt.
Das letzte Beispiel verknüpft einen Selektor mit Stylesheet-Angaben,
wenn er nach einem anderen Selektor verwendet wird.
Beispiel:
Auch Pseudoformate und class-Selektoren lassen sich verschachteln.
Klick««
a:hover .vis {visibility:visible;} legt für den class-Selektor .vis den
Wert visible fest, wenn dieser in einem gehoverten Hyperlink verwendet
wird, d.h. wenn der User den Mauszeiger über den Hyperlink bewegt.
Kommentieren nicht möglich