Czy: hover jest ograniczony tylko do elementów potomnych?

Question

Właśnie zobaczyłem ten kod w odpowiedzi:

HTML

<div class="thumbnail"> 
    <img src="http://placehold.it/50x50"> 
    <img class="overthumb" src="http://placehold.it/200x200"> 
</div> 

CSS

.overthumb { display: none; } 

.thumbnail:hover .overthumb { 
    position: absolute; 
    top: 15px; left: 15px; 
    display: inline; 
} 

żywo demo tutaj: http://jsfiddle.net/6wQp3/

Aby ten kod działa .overthumb musi być dzieckiem d z .thumbnail.

Ale jeśli ktoś ma ten kod:

<div class="thumbnail"> 
    <img src="http://placehold.it/50x50"> 
</div> 
<p>tttttttttt</p> 

Jak wybrać znacznik p jeśli .thumbnail jest unosił?

Answer 1

Live Demo

Można użyć adjacent sibling selector

.thumbnail:hover + p { 
    background:yellow; 
} 

Answer 2

Można użyć następujących Selektor

.thumbnail:hover + p 

Przykład: http://jsfiddle.net/6wQp3/2/