使用css属性:nth-child(n)匹配选择第n个子元素
2014-07-29 14:47
656 查看
加入要让第二个 th 占table表格总宽度的50%.
定义:
: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匹配选择属于其父元素的第N个子元素的方法
- CSS3子元素选择方法nth-child和nth-of-type
- CSS伪类选择器nth-child 选择3的倍数个元素写法
- 使用负的 nth-child 来选择元素
- jQuery的:nth-child(n)选择器用于匹配作为父元素下的第n个(或特定顺序的)子元素的元素,将其封装为jQuery对象并返回。 与该选择器相对的是:nth-last-child(n)选择
- jquery属性选择器(匹配具有指定属性的元素)
- 让IE7/8使用CSS中first-child和last-child样式属性
- jquery学习 - jquery选择孩子元素和个数/获取css属性
- CSS :first-child 选择器 和 HTML DOM firstChild 属性
- Css3之高级-1 Css复杂选择器(兄弟选择器 、属性选择器、伪类选择器、伪元素选择器)
- jquery 属性选择器(匹配具有指定属性的元素)
- css中合理的使用nth-child实现布局
- 使用jQuery属性过滤选择器选择元素
- JQ选择器_选择同类元素的第N个子元素的实现方法
- 使用js创建div、添加子div并给div设置在css中定义的class选择属性以及设置style属性
- JQ选择器 如何选择同类元素的第N个子元素
- css伪类:nth-child(an+b) 使用说明
- CSS的nth-child使用方法
- 关于 css padding 的使用 padding会将使用该属性的元素撑开