当一个人盘旋时,如何更改另一个类的属性。
如果我说我有A级和B级,A有悬停事件,如果我想在A里面改变A,我该怎么办?
A:hover {}
B{ color:#FFF; }
A:hover + B{ color:#000; } didnt work
实际上是CSS
.has_child is inside of .navi
.navi > ul > li:hover
+ .navi > ul > li > .has_child:after {
color: #09F;
}
HTML
<nav class="navi ">
<ul>
<li style="height:8px; width:8px; padding:0px; margin:0px;">
</li>
<li>
<a href="#" class="MM_no_child">General Config</a>
</li>
<li>
<a href="#" class="MM_has_child">Menu</a>
<ul>
<li style="height:8px; width:8px; padding:0px; margin:0px;">
</li>
<li>
<a href="#" class="MM_no_child">English</a>
</li>
<li>
</li>
</ul>
</li>
<li>
<a href="#" class="MM_no_child">User Level</a>
</li>
<li>
<a href="#" class="MM_no_child">User</a>
</li>
<li>
<a href="#" class="MM_no_child">Tag</a>
</li>
<li>
<a href="#" class="MM_no_child">Log</a>
</li>
<li>
</li>
</ul>
</nav>
非常感谢您的建议。
==============
更新
如果有&gt;似乎+运算符也不会起作用之前。
A:悬停+ B {颜色:#000;将工作正常。
A:悬停+ C&gt; B {颜色:#000;不会起作用。
答案 0 :(得分:2)
适合我。
您应该检查您的选择器。您使用的浏览器是什么?
答案 1 :(得分:1)
.A
必须在.B
<div class="A">
<div class="B">
something
</div>
</div>
然后在你的样式表中:
.A:hover .B { some css code }