Стиль р тег, который после DIV (Div не родитель р)

Question

Это может показаться глупым .. Я хочу, чтобы дать стиль к p тег, который после определенного div (в div не родитель p тег) .Для пример

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

Здесь я хочу дать стиль к p тегов. Я не могу положить эти теги p в другом div. Я хочу дать все теги p, за которыми следует div того же стиля. И также я не могу дать стилю p тег универсально, так как это повлияет на другие страницы. Может ли кто-нибудь помочь? Надеюсь, я ясно с моим вопросом ...

Answer 1

Вы должны использовать общий селектор родственный:

div ~ p { 
    color: red; 
} 

Смотрите эту jsFiddle: http://jsfiddle.net/yvdN6/4/.

Вы можете увидеть doc:

элементы не должны быть смежными братьями и сестрами, но они должны иметь один и тот же родитель, и div элемент должен произойти до p элемента в документе источник.

Answer 2

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

Answer 3

Чтобы выбрать только непосредственно p родственный:

div + p { 
    color: peru; 
} 

http://jsfiddle.net/yvdN6/

Или выбрать все грядущие p братьев и сестер, использовать general sibling combinator

div ~ p { 
color: peru; 
} 

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