相当于$（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

回答