如何在CSS中選擇倒數第二個元素？

使用 CSS 選擇倒數第二個元素

在 Web 開發中，通常需要定位文件結構中的特定元素。當根據元素在父元素中的位置選擇元素時，CSS 提供了 :last-child 選擇器，它允許我們選擇最後一個元素。然而，在某些場景下，我們可能需要選擇倒數第二個元素。

為此，CSS3 引入了 :nth-last-child(n) 選擇器，其中 n 表示從開始計數的元素的位置結束。要選擇倒數第二個元素，我們可以使用 :nth-last-child(2)。

此選擇器適用於以下範例：

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

使用 :nth-last -child(2) 選擇器，我們可以設定所需元素的樣式，而不需要 jQuery。

瀏覽器支援：

現代瀏覽器支援:nth-last-child 選擇器，包括：

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

以上是如何在CSS中選擇倒數第二個元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！