虽然我不知道什么原因，但是把 换成p标签就好了 。其实那个 也可以不用要，用伪类也可以实现。如果你...
这是span1这是span2 说明: .item:nth-of-type(2) ,指的是span2,就等同于 span:nth-of-type(2)。而 .item:nth-of-type(1)是无效的,选择失败。因为span1,没有这个类.item 所以说,如果 :nth-of-type(2) 前指定的元素是类,选择的是指定类对应的标签下的第二个元素,且这个元素的类是指定类。 总结...
这是span1这是span2 这是段落P2 说明：:nth-child(2) 不管是否指定标签，:nth-child(2)选择的都是第⼆个⼦元素，只不过如果指定了标签，那第⼆个元素就必须是该标签元素，否则选择失败。:nth-of-type(2) 它选中了两个元素，分别是⽗级.div-parent 下第⼆个p标签和第⼆个span标签，说明，:...
img标签使用nth-of-type()无效 泛白的夜 32 发布于 2021-07-02 新手上路,请多包涵 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- saved from url=(0014)about:internet --> index-18w *{margin: ...
51CTO博客已为您找到关于css nth of type无效的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及css nth of type无效问答内容。更多css nth of type无效相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
注意:如果第N个子元素与选择的元素类型不同则样式无效! 1.2 示例 div>p:nth-child(2){ color:red; } 我是第1个段落 我是第2个段落<!--符合条件:1、是元素,2、父元素的第二个元素。这里被选择,会变成红色。--> 我是第3个段落 我是第1个段落 我是第1个文本<!--...
其效果 .input位置跟换 样式就展示不出来,能看到,其样式无效 在css中我也尝试过这样的做法, 结果得到的是一样的效果 插入p标签之后, 插入p标签之后, 你会发现样式乱了,他nth-child(n) 只是针对于相邻的兄弟元素起作用,它只针对为n的位置,而不是他的这个元素的第二个,可参考 http://www.w3school.com.cn...
简介:css中:nth-child()和nth-of-type有何区别详解 div p:nth-child(n) :找到div元素下面的第n个子元素 并且此元素类型为p 如果类型不是p则无效 div p:nth-of-type(n) :找到div元素下面的第n个p元素 (无论第一个p元素之前有多少个兄弟元素 此选择器只会从第一个p元素开始查找 应用场景:在一个大父...
1、:nth-of-type(n)选择器匹配同类型中的第n个同级兄弟元素。但是这个同类型不是特指选择器类型,这块还与标签(元素)类型,有关系。 但是这里的第一个div元素不是.ear,所以是无效的。第四个才是。 如下,如下前三个兄弟元素,是其他标签的话,才可以哦。 2、first-of-type同理,也是因为前三个元素的类型(标...
注意:如果第 N 个子元素与选择的元素类型不同则样式无效! 1.2 示例 div>p:nth-child(2){ color:red; } 我是第1个段落 我是第2个段落<!--符合条件:1、是元素,2、父元素的第二个元素。这里被选择,会变成红色。--> 我是第3个段落 我是第1个段落 我是第1个文本<!--...