Kombinierte Selektoren

Spezielle Fischernetze

Bei diesem Thema kann man recht in die Tiefe gehen, ich zeige dir hier nur die Spitze des Eisbergs mit ein paar Beispielen. Damit kann man jedoch schon ziemlich viel "anrichten", und das ist cool!

Beispiele für kombinierte Selektoren

1. Listeneintrag in einer ungeordneten Liste:

ul li {
	color: #222222;
}

Ein Listeneintrag in einer geordneten Liste (<ol>) wäre davon nicht betroffen!

2. Link mit Klasse:

a.active {
	color: black;
}

Links ohne diese Klasse sind davon nicht betroffen!

3. Link in einer Box mit ID:

#newsbox a {
	color: red;
}

Links ausserhalb des Elements mit dieser ID sind davon nicht betroffen!

4. Eine Regel gilt für mehrere Tags:

h1, h2, h3 {
	font-family: 'Roboto', sans-serif;
}

Beachte das Komma: Das ist eine Aufzählung und keine logische Reihenfolge wie im ersten oder dritten Beispiel!