llgd.net
当前位置:首页 >> Css里ul li里的nth%ChilD不兼容怎么办 >>

Css里ul li里的nth%ChilD不兼容怎么办

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

在CSS里面用:nth-child()这个伪类就可以做到了,例如对于一个列表 设置前三个li的文字颜色为红色 css里面就可以这样写: .list :nth-child(1),.list :nth-child(2),.list :nth-child(3) {color:red} 当然,这是一个css3的语法,所以对于IE9以下...

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的时候, ...

选择父级下第一个元素和最后一个元素 如: aaaa bbbb ccccc dddd .list li:first-child{color:#f00;} //只有aaa变红色 .list li:last-child{font-weight:bold;} //只有dddd变粗体

用:nth-child(n)来选择了,要同时你可以这样写:li:nth-child(2),li:nth-child(3),li:nth-child(4){color:#f00}关于网页代码的问题 我有一个标签里面有5个标签怎么样用css选择器同时选中第2,3

jQuery中设置html的外部样式表的奇偶行交替色类似: 设置偶数行的背景色:$("table tr:nth-child(even)").css("background-color","#FFE4C4"); 设置奇数行的背景色:$("table tr:nth-child(odd)").css("background-color","#F0F0F0"); 可以使用css...

nth-child可以选择单个元素,也可以实现一个范围,如: 123456上面是一个列表1.选择单个标签元素(指定序列的单个元素).li:nth-child(1){ color: red;}执行上面的CSS,1在界面上面表现为红色2.选择一个范围的标签元素(偶数序列的元素)

child-nth 是 CSS3属性,IE9开始支持。 你想要兼容 IE6,7,8 这是不可能的除非用 javascript 。

可以使用css3的奇偶选择器,如: li:nth-child(odd){background-color:#FFE4C4;}li:nth-child(even){background-color:#F0F0F0;}li:nth-child(odd)是设置奇数行的背景色,li:nth-child(even)是设置偶数行的。但是css3不兼容IE9以下的浏览器,如...

nth-child这个倒是可以换个思路实现,这个一般用在ul li标签中,奇偶行的mouseover效果,ul li:nth-child(odd){ color:#fff;}/*选取偶数*/ ul li:nth-child(even){ color:#fff;}/*选取奇数*/ 以上的是兼容的写法,改进后的写法如下: ul li:firs...

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