如何在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中文网其他相关文章！