html - 设置 div 之后的 p 标记（div 不是 p 的父级）

Question

这可能看起来很愚蠢。我想为某个p标签之后的标签赋予样式div（div不是标签的父p标签）。例如

<div>Hai</div>
<p>Hello</p>
<p>How are you?</p>

在这里，我想为p标签赋予风格。我不能将这些p标签放在另一个标签中div。我想给所有p标签加上div相同的样式。而且我不能给p标签通用的样式，因为它会影响其他页面。任何人都可以帮忙吗？希望我的问题很清楚......

score 5 · Accepted Answer

您必须使用通用的兄弟选择器：

div ~ p {
    color: red;
}

请参阅此 jsFiddle：http: //jsfiddle.net/yvdN6/4/。

您可以查看文档：

元素不必是相邻的兄弟，但它们必须具有相同的父元素，并且该div元素必须出现在p文档源中的元素之前。

score 5 · Accepted Answer

要仅选择直接p兄弟：

div + p {
    color: peru;
}

或者要选择所有后续p的兄弟姐妹，请使用通用兄弟姐妹组合器

div ~ p {
color: peru;
}

score -2 · Accepted Answer

-2

<style type="text/css">
div + p{
Styles here
}
</style>

于 2013-05-28T12:24:37.513 回答

3 回答 3