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答：懸停限制

回答

相關問題