Wie wähle ich das vorletzte Element in CSS aus?

Auswahl des vorletzten Elements mit CSS

Bei der Webentwicklung ist es oft notwendig, auf bestimmte Elemente innerhalb einer Dokumentstruktur abzuzielen. Bei der Auswahl des Elements basierend auf seiner Position innerhalb seines übergeordneten Elements stellt CSS den :last-child-Selektor bereit, der es uns ermöglicht, das letzte Element auszuwählen. In bestimmten Szenarien müssen wir jedoch möglicherweise das vorletzte Element auswählen.

Zu diesem Zweck führt CSS3 den Selektor :nth-last-child(n) ein, wobei n die Position des Elements darstellt, ab dem gezählt wird das Ende. Um das vorletzte Element auszuwählen, können wir :nth-last-child(2) verwenden.

Dieser Selektor ist auf das folgende Beispiel anwendbar:

<code class="html"><div id="container">
  <div>a</div>
  <div>b</div>
  <div>SELECT THIS</div> <!-- target element -->
  <div>c</div>
</div></code>

Verwendung von :nth-last -child(2)-Selektor können wir das gewünschte Element formatieren, ohne dass jQuery erforderlich ist.

Browser Unterstützung:

Der :nth-last-child-Selektor wird von modernen Browsern unterstützt, einschließlich:

• Chrome 2
• Firefox 3.5
• Oper 9.5
• Safari 3.1
• Internet Explorer 9

Das obige ist der detaillierte Inhalt vonWie wähle ich das vorletzte Element in CSS aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!