Erste Kind von mehreren Selektoren mit CSS

Ich möchte first-child auf das Ergebnis der Verkettung mehrerer CSS-Selektoren verwenden.Erste Kind von mehreren Selektoren mit CSS

Beispiel: Wie wählt man first-child des Ergebnisses der css-Selektoren body .foo, body .bar? In Worten: wähle alle Elemente mit der Klasse foo aus, die im body-Element existieren und wähle alle Elemente aus, die eine Klassenleiste haben, die im body-Element existiert. Nimm nun das erste Element in der Sammlung der zurückgegebenen Elemente.

Quelle

2017-05-16 marcus.aberg

'body> p: first-child'? – Huelfe

Meine Frage war, wie man 'first-child' auf' body .foo, body .bar' verwendet. Ihre Antwort lautet "erstes p-Element im body-element. Meine Frage ist, wie man das erste Element mit der Klasse foo oder bar im body-Element auswählt." –

"Ich möchte first-child für das Verkettungsergebnis verwenden mehrere css-Selektoren. "Nein, tust du nicht. Da die Elemente in keiner Weise verwandt sind, einfach irgendwo innerhalb des body-Elements zu erscheinen, willst du nicht: first-child verwenden. Es ist nicht möglich zu schreiben ein Selektor dafür – BoltClock

body > p:nth-of-type(1) { 
 
    font-size:20px; 
 
}

<body> 
 
    <p class="foo">Hello</p> 
 
    <p class="bar">Hello</p> 
 
    <p class="foo">Hello</p> 
 
    <p class="bar">Hello</p> 
 
</body>

Quelle

2017-05-16 10:54:05 LKG

Eine kleine Beschreibung wie 'warum das hilft oder was du hier machst' tut niemandem weh. –

Sie können dies versuchen:

DEMO HERE

Zum ersten .foo

body p:nth-child(1){...}

Zum ersten .bar

body p:nth-child(2){...}

Vor allem <p>

body> p: first-child {...}

Quelle

2017-05-16 10:54:29

Erste Kind von mehreren Selektoren mit CSS

Antwort

Verwandte Themen