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

发布时间：2020-12-14 23:12:03 所属栏目：资源来源：网络整理

导读：我有一个混乱的HTML,我无法改变它,它看起来像这样：现在我想在h2元素更大胆之后做出每一个奇怪的p. 所以我希望这是大胆的： This is a messageTwo catDog 0Dog 2 如何在CSS中编写选择器(没有jQuery,没有JS可用)来使这些文本变粗？最佳答案你可以使用css~

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


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

This is a message

Two cat

Dog 0

Dog 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;
}


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!