Html 列表元素相对于其他元素的浮动

nav>ul>li{
浮动：左；
}
#一个{
浮动：左；
}

他有一头牛


他有一只狗


他有一只老鼠



他有一个
他有两个
他有一个三岁的孩子

Alessio

“>”选择器适用于

DOM

层次结构中所选项目正下方的所有项目。 在这种情况下，

nav>ul>li

适用于作为nav>ul的直接子元素的所有列表元素。 仅适用于序列的第一个元素的选择器将是

nav > ul > li:nth-child(1) {
  float: left
}

现在我的问题是，为什么我只想 要浮动的第一个列出的项目。为什么

div

元素不工作 喜欢列出的项目

有一个

因此，您可以使用以下命令浮动所有列表项：

nav > ul > li {
  float: left;
}

如果您只想应用第一个项目，请将其应用于第一个类

.one

请参阅下面的代码片段：

一小条

.one{
浮动：左；
}
李{
/*演示*/
宽度：100px；
}

他有一头牛


他有一只狗


他有一只老鼠



他有一个
他有两个
他有一个三岁的孩子

您可以通过以下方式完成：

nav ul li:first-child {
 float:left;
}

---

通过

nav>ul>li

您选择的是

ul

元素直接子元素的所有

li

，然后我建议您额外阅读一类和ID，以及

float

影响元素的方式。非常抱歉，先生。。。。我已经编辑了代码。。。。现在请查收