Question

css class选择器问题

有许多个父元素（class为a），每个父元素中有个子元素（class为b),我希望使用hover，当鼠标移动到某一个父元素时，只对该元素的b类子元素操作，应该怎么做？

Answer 1

<div class="a">
    <div class="b">b</div>
    <div class="b">b</div>
    <div class="b">b</div>
    <div class="c">c</div>
</div>
<div class="a">
    <div class="b">b</div>
    <div class="b">b</div>
    <div class="b">b</div>
    <div class="c">c</div>
</div>

.a:hover .b{color:red}

当鼠标在a上悬停时，它的子元素是b的编程红色

Answer 2

<ul>

<li class="a"><a class="b">Click</a></li>

<li class="a"><a class="b">Click</a></li>
<li class="a"><a class="b">Click</a></li>
</ul>

.a .b:hover{color:red;}
如果父子html标签都一样的话，直接给爷爷ul一个id="list"，然后#list a:hover{color:red;}就行了，不要加a、b两个class

追问

可是我的这几个父标签是嵌在别的标签里的，不能用大标签把它们包住...
我的问题解决了，还是非常感谢你