html - div の後にある p タグのスタイルを設定します (div は p の親ではありません)

Question

pこれはばかげているように思えるかもしれません..特定の後にあるタグにスタイルを与えたいですdiv（タグdivの親ではありませんp）。たとえば

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

pここで、タグにスタイルを与えたいと思います。これらのpタグを別のタグに配置することはできません。すべてのタグに同じスタイルを適用divしたいと考えています。また、他のページに影響を与えるため、普遍的にタグ付けするスタイルを与えることもできません。誰でも助けることができますか？私の質問が明確であることを願っています...pdivp

Answer 1

直属のp兄弟のみを選択するには:

div + p {
    color: peru;
}

http://jsfiddle.net/yvdN6/

または、後続のすべての兄弟を選択するには、一般的な兄弟コンビネータpを使用します

div ~ p {
color: peru;
}

http://jsfiddle.net/yvdN6/7/

Answer 2

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