Dodaję znaczek kotwicy wewnątrz ul i wewnątrz znaczka kotwicy Dodaję li. Ale kiedy przetestowałem to na walidatorze html, daje mi to błąd. Czy istnieje odpowiedni sposób, aby to osiągnąć?znacznik kotwicy wewnątrz ul przed 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>
Powinieneś być wprowadzenie <li> znaczniki poza <a> nie tagów na odwrót.
przekonwertować go do nich:
<ul>
<li><a href="#">Click one</a></li>
<li><a href="#">Click one</a></li>
<li><a href="#">Click one</a></li>
</ul>
Ponieważ li zawsze powinien mieć rodzica ul, który jest przyczyną tego błędu. Ale myślę, że chciałbyś, aby Twój cały kod li był klikalny, więc ten styl CSS naprawi go.
ul li a { display:block; }
To spowoduje wyświetlenie.
Cały li będzie klikalny jeśli styl górę li a, tak:
ul li a {
float: left;
margin: 5px;
padding: 5px;
background: red;
}
to pytanie jest bardzo stary, ale chcę dodać coś do niego:
Ten CSS powinien również siłę element kotwiący będzie miał taką samą szerokość i wysokość rodzica li, co pozwoli osiągnąć pożądany efekt.
ul li a {
width:inherit;
height:inherit;
}
Wiem, że powinienem, ale chcę, aby cały element li był klikalny. Jak mogę sprawić, by kliknięcie było możliwe poprzez umieszczenie li na zewnątrz? – 2619