html – CSS如何在另一个元素之后选择第一个出现的元素

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

导读：我在页面上有以下HTML代码 h4Some text/h4pSome more text!/p 在我的CSS中,我有以下选择器来设置H4元素的样式.上面的HTML代码只是整个代码的一小部分,有几个div更多地包含在一个影子盒中 #sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4{ color : #614E43

我在页面上有以下HTML代码

<h4>Some text</h4>
<p>
Some more text!
</p>

在我的CSS中,我有以下选择器来设置H4元素的样式.上面的HTML代码只是整个代码的一小部分,有几个div更多地包含在一个影子盒中

#sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4
{
    color               : #614E43;
    margin-top          : 5px;
    margin-left         : 6px;
}

所以我的H4元素的样式正确,但我也希望在HTML中设置段落标记的样式. CSS选择器可以实现吗？如果是,我该怎么做？

解决方法

#many .more.selectors h4 + p { ... }

这被称为adjacent sibling selector.

（编辑：李大同）

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