Question

在位于较大容器中的小<div>容器中，我希望以<a>标记的形式放置<li>个链接。当我将cursor:pointer放入我的CSS时，悬停状态不会显示一只手并且我的链接未启用。

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>

Answer 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>代码添加了href代码和a。

<ul></ul>代码需要

<ol></ol>或<li></li>个代码。

<a></a>代码中最重要的部分是href，因此如果您还不知道您的链接是什么，请至少添加href="#"作为占位符。

Answer 2

为所有锚标记添加“href”属性。
例如。 <a href="#">click</a>
谢谢

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

2 个答案: