Hier ist mein CodeKann nicht das erste Kind wählen in css
div p:first-child{
border-left: 5px solid #bdc3c7;
}
<div>
<h3>1 January 2018</h3>
<h1>This is my first Article</h1>
<p>First</p>
<p>Second</p>
<p>Third</p>
</div>
ich der erste Absatz soll einen linken Rand haben. Nach dieser MDN Seite kann dies unter Verwendung first-child
getan werden, aber meins funktioniert aus irgendeinem Grund nicht.
Was ist falsch daran?
Ah. Aha. Also ist das 'p' in' p: first-child' hier irgendwie überflüssig, oder? –
Nicht genau. 'p: first-child' _only_ wendet Formatierung an, wenn das erste Kind des' div' zufällig ein 'p'-Element ist. Dies kann in vielen Situationen nützlich sein (nur nicht von Ihnen!) – Sam
Nein, es ist nicht redundant, aber es tut nicht, was Sie denken, dass es tut. Wenn Sie es nicht verwenden, wird der Stil auf jedes erste Kind jedes "div" angewendet. Wenn Sie es verwenden, wird es nur dann auf jedes Kind jedes "div" angewendet, wenn das erste Kind "p" ist. Eine ausführliche Erklärung und ein Beispiel finden Sie in meiner Bearbeitungsantwort. –