悬停时的CSS链接和更改属性

时间:2013-01-21 14:07:57

标签: html css hover

当一个人盘旋时,如何更改另一个类的属性。

如果我说我有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;">&nbsp;
      </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;">&nbsp;
          </li>
          <li>
            <a href="#" class="MM_no_child">English</a>
          </li>
          <li>&nbsp;
          </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>&nbsp;
      </li>
    </ul>
  </nav>

非常感谢您的建议。

==============

更新

如果有&gt;似乎+运算符也不会起作用之前。

A:悬停+ B {颜色:#000;将工作正常。

A:悬停+ C&gt; B {颜色:#000;不会起作用。

2 个答案:

答案 0 :(得分:2)

适合我。

enter image description here

您应该检查您的选择器。您使用的浏览器是什么?

答案 1 :(得分:1)

.A必须在.B

<div class="A">
    <div class="B">
        something
    </div>
</div>

然后在你的样式表中:

.A:hover .B { some css code }