xdxp.net
当前位置:首页 >> nthChilD >>

nthChilD

简述一下我曾经遇到的问题吧: nth-child()的时候不存在:nth-child(1),直接从nth-child(2)开始,打个比方 nth-child(1)没有找到,因为你要找的那个孩子是在父容器里的第二个,所以才要nth-child(2)才能找到第一个孩子。

nth-child(n) 例 p:nth-child(2) 选择属于其父元素的第二个子元素的每个元素。 nth-of-type(n) 例 p:nth-of-type(2) 选择属于其父元素第二个元素的每个元素。

可以这样写 : ul>li:nth-child{} 或者 ul li:nth-of-type{}

假设有以下 HTML 代码: Little Piggy 以下代码得到的效果一样: p:nth-child(2){color:red;} p:nth-of-type(2){color:red;} 结果虽然相同,但是两者本身还是有所区别的。 :nth-child 选择符 从词义上来说,表示选择满足以下条件的元素: 是一个...

写两个就是了。。 :nth-child(n+3){} :not(:last-child){}

nth-child选择器是css选择器,即匹配属于其父元素的第 N 个子元素,不论元素的类型。例如选第2个p元素就直接$(p:nth-child(2) ) :eq() 选择器选取带有指定 index 值的元素。 index 值从 0 开始,所有第一个元素的 index 值是 0(不是 1)。例如...

1p:nth-of-type(7){color:#f00;}p:nth-child(6){color:#933;}第1个p第2个p 第3个p第4个p第1个span 第5个p 第3个span第6个p 第7个p第2个span不知道以上代码你是否能看明白, nth-of-type的时候, 只计算p的数量, 忽略span, 如果是nth-child的时候, ...

百度:selectivizr.js 和 ie-css3.js 我没用过,我不喜欢用js做兼容,但老看见无数文章介绍他们貌似能解决你的问题。

:nth-child 不区分子元素的类型,而 :nth-of-type 则区分子元素的类型。 比如说 div :nth-child(odd) {background:red}div :nth-child(even) {background:blue}第1行第2行第3行第4行第5行第6行第7行结果是: 第1行红色 第2行蓝色 第3行红色 第4...

这是css的伪类选择器。给循环出来的奇数或者偶数行添加特别的样式。比如。表格,一行白色的底一行灰色的底。

网站首页 | 网站地图
All rights reserved Powered by www.xdxp.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com