Wenn Sie versuchen, die 2. Spalte links zu wählen, indem Sie nur CSS verwenden, ist das Ändern von HTML keine Option. : N-of-Typ (2) beide der divsAuswählen des 2. Elements mit nur CSS
<div class="collection">
<div class="column-left">
</div>
<div class="column-left">
</div>
</div>Verwenden Sie einfach nth-child(n) statt nth-of-type
.collection .column-left:nth-child(2) {
color: red;
}<div class="collection">
<div class="column-left">
123
</div>
<div class="column-left">
456
</div>
</div>Verwenden n-te-Kind-Auswahl() Selektor, um das gewünschte Ergebnis zu erhalten
ändern Ihre CSS dazu:
.column-left:nth-child(2) {
color: red;
}
Dieser Link wird die Differenz zwischen n-te-Kind-Selektor und n-of-Art erklären:
Nein, wird es nicht. 'nth-of-type (2)' wählt nur die zweite Spalte links aus. Wenn dies nicht der Fall ist, haben Sie hier nicht Ihren vollständigen HTML-Code veröffentlicht. Es muss ein anderes 'div' zwischen den beiden Spalten links (eine Spalte-rechts?) Geben. – Harry
Gibt es noch andere direkte Kinder unter der div-Klassensammlung? – Stickers
Richtig, das war nicht das komplette HTML. https://jsfiddle.net/0L1rdLtv/ – Mustii