CSS li'光标：指针'不能在div中工作

在一个小型的<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>

来源

2014-01-12 Jeff P.

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

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="#"作为占位符。

来源

2014-01-12 23:56:20 CRABOLO

感谢您的帮助！问题是，这个特殊的div是坐在另一个div覆盖CSS。现在正常工作！ –

将“href”属性添加到所有锚定标记。
E.g. <a href="#">click</a>
感谢

来源

2014-01-13 00:09:46 uihelp

CSS li'光标：指针'不能在div中工作

回答

相关问题