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

nthChilD

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

假设有以下 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){}

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

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

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

E:nth-child(n) { sRules } 匹配父元素的第n个子元素E,假设该子元素不是E,则选择符无效。 要使该属性生效,E元素必须是某个元素的子元素,E的父元素最高是body,即E可以是body的子元素 你的第一个子元素是span不是li所以无效

nth-child(2n)表示偶数位置的子元素 你写的.healManage a img:nth-child(2n) 表示a标签下偶数位置的img,你的a标签下只有一个img,哪有偶数个啊?所以错了 应改为: .healManage a:nth-child(2n) img 表示.healManage下第偶数个a标签的子元素img

: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...

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