www.1862.net > CSS3中:nth%ChilD和:nth%oF%typE的区别深入理解

CSS3中:nth%ChilD和:nth%oF%typE的区别深入理解

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

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

用法 你只需要下载Robert Nyman的DOMAssistant脚本和ie-css3.js并将它们在你的页面的head标签中导入,如下: 复制代码代码如下: 支持的选择器 :nth-child :nth-last-child :nth-of-type :nth-last-of-type :first-child :last-child :only-child...

您好,:nth-child()用法 :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。 在w3c中说明的 n 可以是数字、关键词或公式。常用的有4中写法。 1.具体的数字 :nth-child(n):匹配父元素中第n个元素,例:li:nth-child(3){back...

这个就看你想选择多个的规律。 定义和用法 :nth-last-child(n) 选择器匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。 n 可以是数字、关键词或公式。 规定属于其父元素的第二个子元素的每个 p 元素,从最...

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

网站地图

All rights reserved Powered by www.1862.net

copyright ©right 2010-2021。
www.1862.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com