首先肯定是p标签里的背景变红,通俗一点理解p:nth-of-type(3)代表的就是,所有兄弟节点中找标签为p的,然后找到的第三个p标签背景为红色 所以,three背景为红咯 注...
nth-of-type是一个获取一些适用项并应用样式的属性,它是从CSS 3添加的CSS选择器之一,:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元...
CSS nth-of-type详解 nth-of-type 匹配指定的第N个出现的元素,同时要满足匹配的规则,且和标签类型有关。与nth-child不同的是,nth-chld匹配的是该层级中所有元素所在的位置,nth-of-t...
区别:两种匹配的元素不同,“:nth-of-type(n)”选择器是匹配属于父元素的特定类型的第N个子元素,元素类型是有限制的;而“:nth-child(n)”选择器是匹配属于其父...
CSS中 :nth-of-type()选择器的用法?请参考以下内容:工具/原料 计算机 :nth-of-type()方法/步骤 1 :nth-of-type()伪类选择器初识 2 新建一个HTML文档 3 使用nth-of-type(n)选择器...
:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素. n 可以是数字、关键词或公式。 提示:请参阅 :nth-child() 选择器,该选择器选取父元素的第 N 个...
我们先来看看nth-of-type的具体描述,注意“:”(冒号)在“nth-of-type(2n)”之前附加。 li:nth-of-type(2n){ } ()内的“n”表示的是第几位,“2n”则表示是其是2的倍数 你还可以指定其他的数,比如“...
CSSnth-of-type 1 2 3 4 5 6 7 CSS代码 sample.css li:nth-of-type(2n){ color:#5bc0de; } li{ margin:10px; font-size:120%; } 关于“css中如何使用nt...
CSS3 :nth-of-type() Selector 完整CSS选择器参考手册 实例 指定每个p元素匹配同类型中的第2个同级兄弟元素的背景色: p:nth-of-type(2) { background:#ff0000; } 尝试一下 » ...
nth-of-type是一个获取一些适用项并应用样式的属性,它是从CSS 3添加的CSS选择器之一,:nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元...
收录于:2022-11-22 20:30:10