css匹配选择属于其父元素的第N个子元素的方法

前端  /  管理员 发布于 7年前   194

加入要让第二个 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），不论元素的类型。