Html 李：首先，选择所有类型

我试图只设计第一个li元素。当我用a元素包装li元素时，所有内容都被选中。这是我的HTML：

<ul>
    <a href="#"><li class="box one"></li></a>
    <a href="#"><li class="box two"></li></a>
    <a href="#"><li class="box three"></li></a>
</ul>

---

任何关于为什么会发生这种情况的解释都是有帮助的。谢谢。

这是因为您的

li

元素被锚定标记包围。由于每个

a

中只有一个

li

，因此

li

始终是第一个类型。同样值得指出的是，

ul

元素（也叫

ol

）只能包装

li

元素，而不能包装其他元素，以免HTML无效

请尝试以下方法：

<ul>
  <li class="box one"><a href="#">asd</a></li>
  <li class="box two"><a href="#">asdf</a></li>
  <li class="box three"><a href="#">asfd</a></li>
</ul>

这是因为您的

li

元素被锚定标记包围。由于每个

a

中只有一个

li

，因此

li

始终是第一个类型。同样值得指出的是，

ul

元素（也叫

ol

）只能包装

li

元素，而不能包装其他元素，以免HTML无效

请尝试以下方法：

<ul>
  <li class="box one"><a href="#">asd</a></li>
  <li class="box two"><a href="#">asdf</a></li>
  <li class="box three"><a href="#">asfd</a></li>
</ul>

您还可以提到，

ul

元素的直接子元素只能是

li

元素，否则它是无效的html。我将提到，@suslov。您还可以提到，

ul

元素的直接子元素只能是

li

元素，否则它是无效的html。我会提到这一点，谢谢你的建议，@suslov。