首页css nth-child 最后两个

css nth-child 最后两个

时间: 2023-12-20 22:44:43 浏览: 138

使用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），不论元素的类型。

要选取最后两个元素，你可以使用 `:nth-last-child` 伪类选择器结合 `n-1` 的方式。以下是一个示例： ```css /* 选取最后两个元素 */ :nth-last-child(-n+2) { /* 样式 */ } ``` 这个选择器将选取倒数第一个和倒数第二个元素应用样式。你可以根据需要调整选择器中的参数来选择不同的元素。

阅读全文