Erste .klasse ansprechen

Erste .klasse ansprechen.markdown

Erste .klasse ansprechen

Es geht darum das erste Element mit einem speziellen Klassen-Wert (class="hinweis") anzusprechen.

A Pen by Vlad on CodePen.

License.

index.html

<div id="inhalt">
  <h3>Irgendeine Überschrift</h3>
  <div>
    <p>Textbox</p>
  </div>
  <p class="hinweis">Kleiner Absatz</p>
  <p>Kleiner Absatz</p>
  <p class="hinweis">Kleiner Absatz</p>
  <p>Kleiner Absatz</p>
  <p class="hinweis">Kleiner Absatz</p>
</div>

style.css

.hinweis {background: #fdc; border: 1px solid #c50;}
.hinweis:first-of-type {background: #aef; border: 1px solid #08a;}
#inhalt > :first-child {background:#eee; border: 1px solid #ddd;}
h3, p {padding: .25rem;}