Tôi đang thêm thẻ neo bên trong ul và thẻ neo bên trong Tôi đang thêm li. Nhưng khi tôi thử nghiệm này trên validator html nó mang lại cho tôi lỗi. Có cách nào thích hợp để đạt được điều này?thẻ neo bên trong ul trước 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>
Bạn nên đặt <li> thẻ ngoài <a> thẻ không phải là chiều ngược lại.
Chuyển đổi nó với những:
<ul>
<li><a href="#">Click one</a></li>
<li><a href="#">Click one</a></li>
<li><a href="#">Click one</a></li>
</ul>
Vì li nên luôn luôn có cha mẹ của ul, đó là nguyên nhân gây ra lỗi của bạn. Nhưng tôi nghĩ bạn muốn toàn bộ li của bạn có thể nhấp được để kiểu CSS này sẽ sửa chữa nó.
ul li a { display:block; }
Điều đó sẽ hiển thị.
Toàn bộ li sẽ nhấp nếu bạn phong cách lên li a, như thế này:
ul li a {
float: left;
margin: 5px;
padding: 5px;
background: red;
}
Câu hỏi này là rất cũ nhưng tôi muốn thêm một cái gì đó với nó:
CSS này cũng nên có hiệu lực phần tử neo có chiều rộng và chiều cao giống nhau của bố cục cha cũng sẽ đạt được hiệu quả mong muốn.
ul li a {
width:inherit;
height:inherit;
}
Tôi biết tôi nên nhưng tôi muốn toàn bộ phần tử li đó có thể nhấp được. Làm thế nào tôi có thể làm cho nó có thể nhấp bằng cách đặt li bên ngoài? – 2619