使用css属性:nth-child(n)匹配选择第n个子元素
(编辑:jimmy 日期: 2024/11/16 浏览:3 次 )
加入要让第二个 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),不论元素的类型。
复制代码代码如下:
<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),不论元素的类型。
下一篇:详解CSS中的几种长度px、em、pt