CSS答：悬停限制

我有了这个代码：CSS答：悬停限制

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>

一切。我想限制一个：将鼠标悬停到菜单部分并将其与其余部分分开。

来源

2012-08-09 Matti

你的CSS选择器添加的限制，只工作在你的菜单部分（通过class和id） – TheZ 2012-08-09 21:07:02

只是想掉线你使用没有按”了“H99” HTML元素不存在。 – MarcoK 2012-08-09 21:08:21

如果你想风格只有里面的链接是<ul>元素，你应该c ODE这样的：

ul a:hover { 
    /* here goes the styles */ 
}

来源

2012-08-09 21:08:21

谢谢。简单而有效！ – Matti 2012-08-09 21:19:23

使用则更为具体的选择：

ul a 
{ 
style 
}

如果你可以给菜单中的ID：

<ul id="menu">

然后，你可以这样做：

ul#menu a

来源

2012-08-09 21:07:38

CSS答：悬停限制

回答

相关问题