12

I am adding an anchor tag inside ul and inside anchor tag I am adding li. But when I tested this on html validator it gives me error. Is there a proper way to achieve this?

<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<ul>
<a href="#"><li>Click one</li></a>
<a href="#"><li>Click one</li></a>
<a href="#"><li>Click one</li></a>
</ul>
</body>
</html>
4

4 回答 4

25

将其转换为这些：

<ul>
    <li><a href="#">Click one</a></li>
    <li><a href="#">Click one</a></li>
    <li><a href="#">Click one</a></li>
</ul>

因为li应该总是有一个父级ul，这就是你的错误的原因。但我认为你希望你的整体li是可点击的，所以这个 CSS 样式会修复它。

ul li a { display:block; }

那将显示它。

于 2012-07-11T10:36:59.837 回答
3

这个问题很老了，但我想添加一些东西：

这个 CSS 还应该强制锚元素与父 li 的宽度和高度相同，这也将达到预期的效果。

ul li a {
    width:inherit;
    height:inherit;
}
于 2018-01-11T17:30:24.637 回答
1

如果您对 进行样式化，整个li将是可点击的li a，如下所示：

ul li a {
    float: left;
    margin: 5px;
    padding: 5px;
    background: red;
}
于 2012-07-11T11:27:43.017 回答
0

您应该将标签放在<li>标签之外，<a>而不是相反。

于 2012-07-11T10:36:56.403 回答