相當於$（this）的css選擇器

CSS中是否有與Jquery選擇器$(this)等效的選項？就像這樣：

.widget h4 { background: black } 
.widget:hover h4 { background: white }

在這種情況下，如果的.widget歸類元素的任意正在上空盤旋，孩子h4會改變背景顏色。我問是否有在CSS的方式做到這一點，使僅單一的h4徘徊.widget與有背景色的變化，而不是與.widget類的每一個元素。是的，我搜遍了Google，發現沒有答案。謝謝您的幫助。

您現有的代碼應該已經這樣做了。如果沒有，這意味着這些小部件是嵌套的，你應該仔細地重新說明你的問題。 – Jon 2013-03-27 08:41:15

http://css-tricks.com/hover-on-everything-but/ – l2aelba 2013-03-27 08:43:26

我的代碼完全符合我的預期。我期望任何帶有'.widget'類的元素都會被徘徊，孩子'h4'會改變。但它會改變_all_'.widget'元素。我錯過了什麼嗎？ – preahkumpii 2013-03-27 08:43:49

您發佈的代碼應該做的正是你描述你想要的行爲：

CSS：

.widget h4 { background: red } 
.widget:hover h4 { background: white }

HTML：

<div class="widget"> 
    <h4>Hover here</h4> 
    <h3>This won't change</h3> 
</div> 

<div class="widget"> 
    <h4>Hover here</h4> 
</div>

與該代碼，如果你懸停在任何一個divs .widget它只會改變直接的子女h4而不是其他div中的那個。

看到這個jsfiddle

2013-03-27 08:49:06 Pankrates

回答