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

当前位置 : 首页 > 网页制作 > CSS > 使用css属性:nth-child(n)匹配选择第n个子元素

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

来源: 作者: 时间:2015-10-31 10:17
css匹配选择第n个子元素可以使用:nth-child(n) 选择器,其匹配属于其父元素的第N个子元素,不论元素的类型
css匹配选择第n个子元素可以使用: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),不论元素的类型。
Tag:
网友评论

<