45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:css中的nth-child(n)匹配选择器的第n个子元素的方法

css中的nth-child(n)匹配选择器的第n个子元素的方法

2015-03-04 10:03:16 来源:www.45fan.com 【
css中的nth-child(n)匹配选择器的第n个子元素的方法如下:

比如,我们要让第二个 th 占table表格总宽度的50%.

复制代码 代码如下:

<style type="text/css">
table tr th:nth-child(2){width:50%;}
</style>
<table>
<tr>
<th>第一个</th>
<th>第二个</th>
<th>第三个</th>
</tr>
</table>

定义:

:nth-child(n) 选择器匹配属于其父元素(在这里就是tr)的第 N (这里选择第2个)个子元素(这里子元素是th),不论元素的类型。

本文地址:http://www.45fan.com/bcdm/9839.html
Tags: nth-child(n)
编辑:路饭网
相关文章列表
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部