我喜欢构建我的程序,当我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)