在悬停时为每个<li>设置加粗字体

Question

我喜欢构建我的程序,当我mouseover确定<li>它的字体权重更改为Bold时,其他<li>'s仍然具有正常的字体权重,当我mouseout从那个特殊<li>字体返回正常时!它必须适用于所有<li>标签......

在我的代码中如果我a:hover和它的childes font-weight将设置为粗体(它不是我想要的)!

如果我a:对我来说很好:悬停或a1:hover只是a或a1 font-weight更改为粗体.

这是小提琴.

<ul>
    <li>a
        <ul>
            <li>a1</li>
            <li>a2</li>
        </ul>
    </li>
    <li>b
        <ul>
            <li>b1</li>
            <li>b2</li>
        </ul>
    </li>
</ul>

**CSS**

li{
        list-style-type:none;
}
ul li{
    float:left;
    width:100px;
    height:40px;
    background-color:pink;
    border:solid 1px black;
    list-style-type:none;
    text-align:center;
    margin-left:1px;
}
li ul li{
    margin-left:-41px;
    margin-top:0px;
    position:relative;
    z-index:100;
    clear:both;
}
li ul{
    margin-top:20px;
}
ul li ul {
    display:none;
}
li:hover ul{
    display:block;
}
ul > li:hover{
    font-weight:bold;
}

Answer 1

只需使用这样的CSS:

li li:hover {
    font-weight: bold;
}

也删除你上一个CSS规则.

希望这可以帮助!