html– 如何在css中出现h2元素之后设置每个奇数p元素的样式？

概述我有一个混乱的HTML,我无法改变它,它看起来像这样：<div> <h2>This is a title cat</h2> <p>This is a message</p> <p>One cat</p> <p>Two cat</p>

我有一个混乱的HTML,我无法改变它,它看起来像这样：

现在我想在h2元素更大胆之后做出每一个奇怪的p.
所以我希望这是大胆的：

This is a messageTwo catDog 0Dog 2

如何在CSS中编写选择器(没有jquery,没有Js可用)来使这些文本变粗？最佳答案你可以使用CSS~选择器,然后是nth-of-type(或者nth-child)选择器.您可以在MDN：General Sibling Selector和:nth-of-type上阅读有关这些选择器的更多信息.

以下是如何实现您想要的.基本上,你选择所有奇数< p> < h2>元素是兄弟姐妹(即后来的).标签.

h2 ~ p:nth-of-type(odd) {  Font-weight: 600;}

总结

以上是内存溢出为你收集整理的html – 如何在css中出现h2元素之后设置每个奇数p元素的样式？全部内容，希望文章能够帮你解决html – 如何在css中出现h2元素之后设置每个奇数p元素的样式？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/1125248.html