因为该选择器本质上只选择兄弟节点的标签 h1,不是选择的标签+类 h1+test,因此选择的是同级的三个 h1 标签。 解决问题 因此要正确选择第一个带有 test 类的 h1 标签,就应该是: // style 选择 h1 标签第二个 .test:nth-of-type(2) { background: pink; } 本质上这个例子和直接书写成 h1 标签是没有...
。其实那个 也可以不用要，用伪类也可以实现。如果你的问题已解决，请记得采纳答案！
.test:nth-of-type(1)是两个条件第一个:是test类的元素第二个:匹配在文档树中第1个相同标签名兄弟元素的元素第一行123</123>符合第二条,却不符合第一条,所以无法匹配其他行符合第一条,却不符合第二条,所以无法匹配 有用 回复 查看全部 6 个回答 推荐问题 如何自定义设置虚线边框的样式? 背景: {代码.....
首先他们都是属于结构伪类选择器，都可以键入公式、关键词、序号等 不过他们在指定查找元素时会小小的区别...
每个img用同时用了第一个样式,我的理解是img几就用该样式,可惜理解错了。后来把nth-of-type()作用到a和.bj-18w中还是无效...
{ display:block; background-size:cover; } li:nth-of-type(4):hover div:nth-of-type(4){ display:block; background-size:contain; } background-size不同属性值不同效果 100px 100px 50% 50% cover contain
解决办法 由于我这里只使用了两个元素,选择器我从nth-of-type换成了兄弟元素选择器+, 但是仅局限于两个元素的情况 .ul>li{color: red; }.ul>li+li{color: green; } 如果是多个li的情况,建议直接更新外层的元素ul
可以在任何运行运行在 Servlet 容器（Servlet Container）中的应用上使用。 更具体地说，你可以不使用 ...
51CTO博客已为您找到关于css nth of type无效的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及css nth of type无效问答内容。更多css nth of type无效相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
CSS :nth-of-type() bug CSS :nth-of-type() bug .tools-hover-box-list-item{ pointer-events:auto; box-sizing:border-box; display:flex; flex-flow:rownowrap; justify-content:flex-start; align-items:flex-start; width:140px; margin-top:14px; ...