Es: hover solo limitado a elementos secundarios?

Question

Acabo de ver este código en una respuesta:

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; 
} 

Demostración en directo aquí: http://jsfiddle.net/6wQp3/

Para que este código funcione .overthumb debe ser un niño d de .thumbnail.

Pero si alguien tiene este código:

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

¿Cómo seleccionar la etiqueta p si .thumbnail se asoma?

Answer 1

Live Demo

Puede utilizar el adjacent sibling selector

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

Answer 2

Puede utilizar el siguiente selector

.thumbnail:hover + p 

Ejemplo: http://jsfiddle.net/6wQp3/2/