如何在li盘旋上隐藏课程？

Question

我有一个基本的导航栏，

如何在li元素悬停时隐藏css类。

<li>
     <span class="span-line"></span>

        <a href="{node_url}" >
            <span class="glyphicon glyphicon-home"></span>
              Title
        </a>

 </li> 

任何帮助都会很棒：）

Answer 1

您将使用：

li:hover > .span-line {
    display:none;
}

实现这一目标。

<强> jsFiddle

Answer 2

您可以使用CSS选择器：

   li:hover .span-line{
        display:none;
   }

JS小提琴： http://jsfiddle.net/rsX4D/