Is: hover chỉ giới hạn ở các phần tử con?

Question

Tôi chỉ thấy mã này trong một câu trả lời:

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

sống bản demo ở đây: http://jsfiddle.net/6wQp3/

Đối với mã này để làm việc .overthumb phải là một chil d trong số .thumbnail.

Nhưng nếu một ai có mã này:

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

Làm thế nào bạn sẽ chọn thẻ p nếu .thumbnail đang bay lượn?

Answer 1

Live Demo

Bạn có thể sử dụng adjacent sibling selector

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

Answer 2

Bạn có thể sử dụng bộ chọn sau

.thumbnail:hover + p 

Ví dụ: http://jsfiddle.net/6wQp3/2/