JSFiddle - React, Tailwind, and code Playground

by juErik

HTML

<h4>8. Erweiterte Selektoren: Nachfolgendes Geschwisterelement ("Adjacent Sibling")</h4>

Dieser Selektor spricht dasjenige Element an, das ein unmittelbares nachfolgendes Element auf derselben Hierarchieebene des vorhergehenden Elementes ist: Im Beispiel wird genau der erste Absatz nach einer Überschrift angesprochen, alle darauffolgenden Absätze werden ausgelassen: 

     <h1>Seitentitel</h1>
     <p>
       Dies ist der erste Absatz.
     </p>
     <p>
       Dies ist der zweite Absatz.
     </p>     
     <p>
       Dies ist der dritte Absatz.
     </p>

CSS

h1 + p { border: 1px solid #FF6600; }