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

当前位置 : 首页 > 网页制作 > CSS > css匹配选择属于其父元素的第N个子元素的方法

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

来源: 作者: 时间:2015-11-02 10:32
:nth-child(n) 选择器匹配属于其父元素的第 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:
上一篇:[浏览器兼容教程]
下一篇:[CSS教程]
网友评论

<