Nachfahrenselektor und Klassen in CSS
Nehmen wir an, wir haben den folgenden Code:
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
<div class="block">
<h2>Title</h2>
<p>
text
</p>
</div>
Lassen Sie uns alle Überschriften h2 und
Absätze auswählen, die sich innerhalb eines Elements mit der Klasse
block befinden, und sie in verschiedenen Farben einfärben.
Verwenden wir dafür den Nachfahrenselektor (das ist
das Leerzeichen zwischen den Selektoren):
.block h2 {
color: red;
}
.block p {
color: green;
}
Gegeben ist der folgende Code:
<p class="eee">
text <i>italic</i>
</p>
<p class="eee">
text <i>italic</i>
</p>
<div class="eee">
text <i>italic</i>
</div>
<div class="eee">
text <i>italic</i>
</div>
Färben Sie alle i-Tags rot ein,
die sich in Elementen mit der Klasse eee befinden.
