我有这个代码:
ul
{ list-style-type: none;
margin:0;
padding:0;
overflow: hidden;
}
a:link,a:visited
{ display: block;
width: 240px;
background: transparent url(./style/black2.jpg) ;
text-align: right;
text-transform: uppercase;
text-decoration: none;
height: 40px;
color: #ffffff
}
a:hover,a:active
{ background: transparent;
color: #000000
}
和这一个
<ul>
<li><a href="http://127.0.0.1:4001/wbdemo/pages/abc.php"><h99>Home<h99/></a></li>
<li><a href="#"><h99>Home</h99></a></li>
<li><a href="#"><h99>Home</h99/></a></li>
<li><a href="#"><h99>Home</h99/></a></li>
<li><a href="#"><h99>Home</h99/></a></li>
</ul>
现在所有有链接的东西都“悬停”了。 我想限制一个:将鼠标悬停在菜单部分并将其与其余部分分开。
答案 0 :(得分:1)
然后使用更具体的选择器:
ul a
{
style
}
如果您可以为菜单提供ID:
<ul id="menu">
然后你可以这样做:
ul#menu a
答案 1 :(得分:1)
如果您想要仅 <{1}}元素内的链接的样式,您应该像这样编码:
<ul>