小编Kei*_*...的帖子

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

我喜欢构建我的程序,当我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 > …
Run Code Online (Sandbox Code Playgroud)

html css jquery

0
推荐指数
1
解决办法
1059
查看次数

标签 统计

css ×1

html ×1

jquery ×1