首页css伪类选择器:nth-child 选中最后一个

css伪类选择器:nth-child 选中最后一个

时间: 2024-06-14 21:01:37 浏览: 103

使用css属性:nth-child(n)匹配选择第n个子元素

加入要让第二个 th 占table表格总宽度的50%. 复制代码代码如下: <style type = “text/css”> table tr th:nth-child(2) </style> <table> <tr> <th>第一个</th> <th>第二个</th> <th>第三个</th> </tr> </table> 定义： :nth-child(n) 选择器匹配属于其父元素(在这里就是tr)的第 N （这里选择第2个）个子元素（这里子元素是th），不论元素的类型。

要选中最后一个元素，可以使用CSS伪类选择器`:last-child`。这个伪类选择器会匹配选择器的父元素下的最后一个子元素。例如，`ul:last-child` 会匹配最后一个 `ul` 元素，`li:last-child` 会匹配每个 `ul` 中的最后一个 `li` 元素。如果您想选中父元素下的倒数第n个元素，可以使用`:nth-last-child(n)`伪类选择器，例如`:nth-last-child(1)`可以选中最后一个元素。

阅读全文