css匹配选择第n个子元素
2014-03-02 17:57
253 查看
加入要让第二个 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匹配选择属于其父元素的第N个子元素的方法
- 使用css属性:nth-child(n)匹配选择第n个子元素
- JQ选择器 如何选择同类元素的第N个子元素
- JQ选择器_选择同类元素的第N个子元素的实现方法
- CSS - ID能选择容器内的元素,类不能
- css知识笔记(一)——基础知识、选择器、元素分类
- 解释下浏览器是如何判断元素是否匹配某个 CSS 选择器?
- 【转】 解释下浏览器是如何判断元素是否匹配某个 CSS 选择器?
- 解释下浏览器是如何判断元素是否匹配某个 CSS 选择器?
- siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的。
- 7.15 css与js 选择奇偶子元素的区别
- js随笔,css和js禁止网页选择文本,table的class样式使得td的class样式失效,jquery获得元素坐标
- 解释下浏览器是如何判断元素是否匹配某个 CSS 选择器?
- jquery内容选择器(根据内容匹配元素)
- jQuery的:nth-child(n)选择器用于匹配作为父元素下的第n个(或特定顺序的)子元素的元素,将其封装为jQuery对象并返回。 与该选择器相对的是:nth-last-child(n)选择
- jQuery选择器,匹配某个包含有特殊内容的下一个元素
- css选择 i 到 j 之间的元素
- 解释下浏览器是如何判断元素是否匹配某个 CSS 选择器?
- jquery内容选择器(匹配内容为空的元素)
- CSS规则树和HTML的DOM树合成渲染树时渲染结点与选择器链的匹配