Wie kann man mit CSS-Selektoren auf bestimmte Bereiche von n-ten untergeordneten Elementen abzielen?

CSS-Selektor für Gruppen von n-ten Elementen

Der angegebene CSS-Selektor `.myTableRow td:nth-child(?){
Hintergrundfarbe: #FFFFCC;
}, ermöglicht es Ihnen, einen bestimmten Stil für das n-te untergeordnete Element festzulegen und festzulegen Elemente innerhalb des .myTableRow-Elements. Sie müssen es jedoch so ändern, dass es auf die `-Spalten von 2 bis 4 abzielt.

Lösung:

Um dies zu erreichen, können Sie das folgende CSS verwenden Selektor:

.myTableRow td:nth-child(n+2):nth-child(-n+4){
  background-color: #FFFFCC;
}

Dieser Selektor verwendet den Selektor :nth-child() mit der folgenden Syntax:

• :nth-child(n X): Wählt alle untergeordneten Elemente aus ab der X-ten Position.
• :nth-child(-n x): Wählt alle untergeordneten Elemente bis zur einen bestimmten Bereich.

Beispiel:

In der bereitgestellten HTML-Struktur:

Anwenden des geänderten CSS-Selektors „.myTableRow td: nth-child(n 2):nth-child(-n 4){

background-color: #FFFFCC;

<table>
  <tr class="myTableRow">
    <td>column 1</td>
    <td>column 2</td>
    <td>column 3</td>
    <td>column 4</td>
    <td>column 5</td>
  </tr>
</table>

}, legt die Hintergrundfarbe der `-Spalten 2, 3 und 4 fest an #FFFFCC.

Das obige ist der detaillierte Inhalt vonWie kann man mit CSS-Selektoren auf bestimmte Bereiche von n-ten untergeordneten Elementen abzielen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!