jquery - 悬停时为每个 设置粗体

Question

我喜欢以当我 mouseover 时的方式构建我的程序某些<li>它的字体粗细更改为 Bold ，其他 <li>'s仍然有正常的字体粗细，当我 mouseout从那个特别<li>它的字体恢复正常!它必须适用于所有人<li>标签...

在我的代码中，如果我 a:hover它和 child 的字体粗细将设置为粗体(这不是我想要的)!

如果我 a:hover 或 a1:hover 对我有好处只是 a 或 a1 font-weight更改为粗体。

Here是 fiddle 。

<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 规则。

希望这对您有所帮助!