h1+div+div+div+div{background-color:red; }<h1>CSS</h1><div>just some text here,</div><hr><div>just some text here,</div><hr>解决方法 您可以使用nth-of-type和随后的兄弟组合器选择它,以便在h1之后选择第4个div,如下所示:
h1~div:nth-of-type(4) { background-color:red;}
~in CSS被称为后续兄弟组合子,它允许您选择第二种元素类型,其中第一种和第二种元素类型共享父级,第一种元素位于文档中第二种元素类型之前.
Jsfiddle:https://jsfiddle.net/AndrewL64/crq43gs5/
如果你确定你的div之间没有任何hr标签或其他元素,你可以使用nth-child而不是使用5而不是4,因为〜也计算了h1标签.它看起来像这样:
h1~div:nth-child(5) { background-color:red;}
Jsfiddle:https://jsfiddle.net/AndrewL64/crq43gs5/1/
总结以上是内存溢出为你收集整理的html – 如何选择放在h1元素后面的第4个元素全部内容,希望文章能够帮你解决html – 如何选择放在h1元素后面的第4个元素所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)