ul之前的锚标签在li之前

我在ul里面添加了一个锚标签，并在锚标签内添加了li。但是当我在html验证器上测试这个时，它给了我错误。有没有适当的方法来实现这一目标？ul之前的锚标签在li之前

<!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>

来源

2012-07-11 2619

你应该把<li>标签<a>标签而不是其他方式轮之外。

来源

2012-07-11 10:36:56

我知道我应该但我希望整个li元素应该是可点击的。如何通过将li放在外面使其可点击？ – 2619 2012-07-11 11:08:21

将其转换为这些：

<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-11 10:36:59

整个li如果你的风格了li a，这样可点击：

ul li a { 
    float: left; 
    margin: 5px; 
    padding: 5px; 
    background: red; 
}

来源

2012-07-11 11:27:43

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

这个CSS也应该力锚元素与父li的宽度和高度相同，这也将实现期望的效果。

ul li a { 
    width:inherit; 
    height:inherit; 
}

来源

2018-01-11 17:30:24

ul之前的锚标签在li之前

回答

相关问题