2014-01-12 48 views
1

在一個小型的<div>容器內,它位於一個較大的容器內,我希望以<li>標籤的形式放置<a>鏈接。當我把cursor:pointer放在我的CSS中時,懸停狀態不會顯示一隻手,並且我的鏈接未啓用。CSS li'光標:指針'不能在div中工作

CSS

.black_box_contain li{ 
    font-family:Verdana, sans-serif; 
    margin-left:5px; 
    font:inherit; 
    list-style:none; 
    margin-left:5px; 
    padding:0.2em; 
    display:inline-block; /* This will reduce space */ 
    cursor:pointer; 
} 

.black_box_contain li a { 
    color:#0144A7; 
    font-size:14px; 
    cursor:pointer; 
} 

HTML

<div class="black_box_contain">North NJ Restaurants <br><br><p>Here are some of my favorite dishes. Hope you enjoy making and eating them as much as I did because they're really good!!</p> <br> 
    <li> Italian </li> <br> 
    <li> <a> French </a></li><br> 
    <li> <a> Mexican </a></li><br> 
    <li> <a> Indian </a></li><br> 
    <li> <a> Chinese </a></li><br> 
    <li> <a> Japanese </a></li><br> 
</div> 
+0

光標做工精細的印版的Chrome http://jsfiddle.net/8ZP4Q/ – DaniP

回答

1

http://jsfiddle.net/CL6HZ/1/

<ul> 
    <li> Italian </li> <br> 
    <li> <a href="#"> French </a></li><br> 
    <li> <a href="#"> Mexican </a></li><br> 
    <li> <a href="#"> Indian </a></li><br> 
    <li> <a href="#"> Chinese </a></li><br> 
    <li> <a href="#"> Japanese </a></li><br> 
</ul> 

我加<ul></ul>標籤,併爲您的a標記一個href

<ul></ul><ol></ol>標籤需要<li></li>標籤。

<a></a>標籤中最重要的部分是href,所以如果你不知道你的鏈接是什麼,至少要添加href="#"作爲佔位符。

+0

感謝您的幫助!問題是,這個特殊的div是坐在另一個div覆蓋CSS。現在正常工作! –

1

將「href」屬性添加到所有錨定標記。
E.g. <a href="#">click</a>
感謝