Html 将背景色应用于li，但不应用于嵌套的li

我有嵌套的ul/li，问题是如果在顶部li中添加背景色，因为其中有嵌套项，整个列表似乎有此背景色，而不仅仅是顶部li（我假设这是因为它扩展了顶部li的高度）

是否可以仅将背景色应用于顶部li

---

我希望这是有意义的

您可以始终为孩子李应用不同的背景色。

您可以始终为孩子李应用不同的背景色。

使用jquery并为第一个李指定一个特殊类

`$("ul li:first")`.addClass('special_bg')

---

=仅获取使用jquery的

`$("ul li:first")`.addClass('special_bg')

---

=仅获取

的第一个元素这取决于您的CSS。您可以定义顶级li类并使用它设置背景颜色。

这取决于您的CSS。您可以定义顶级li类并使用它设置背景颜色。

子级总是从父级继承属性；这就是为什么它被称为级联样式表

---

我建议给所有

li

元素一个默认的背景色，只需覆盖顶层元素的背景色（例如使用特殊类）。

子元素总是从父元素继承属性；这就是为什么它被称为级联样式表

---

我建议给所有

li

元素一个默认的背景色，只为顶级元素覆盖它（例如，使用一个特殊类）。

我的理解是，您有一个包含li的UL（我们称之为“父”），并且li也有一个包含li的UL（我们称之为子级）？将背景应用于父对象，并且在子对象下也可见

---

由于孩子位于父母体内，他们必须改变他的身高，因此背景比Tough大，有两种方法可以阻止，你可以（如前所述）将另一个背景放在孩子身上，或者你可以在父对象中放置一个类似于SPAN的东西，并在SPAN上放置背景，而不是LI.parent。

我的理解是，你有一个UL，其中包含LI（我们称之为“parent”），而LI也包含一个UL，其中包含LI（我们称之为child）？将背景应用于父对象，并且在子对象下也可见

---

由于孩子位于父母体内，他们必须改变他的身高，因此背景比Tough大，有两种方法可以阻止，你可以（如前所述）将另一个背景放在孩子身上，或者你可以在父对象中放置一个类似SPAN的东西，并在SPAN上放置背景，而不是LI.parent。

你说的是顶部的

LI

，但我认为你指的是根

LI

，它的子元素也包含

LI

元素。在这种情况下，可以按如下方式设置背景色：

.myroot>ul>li { background-color: Yellow }

注意：上面的示例需要一个类名为“myroot”的包装器元素（通常是

DIV

）

---

有关CSS子选择器的更多信息，请参见。

您指的是顶部的

li

，但我认为您指的是根

li

，它的子元素也包含

li

元素。在这种情况下，可以按如下方式设置背景色：

.myroot>ul>li { background-color: Yellow }

注意：上面的示例需要一个类名为“myroot”的包装器元素（通常是

DIV

）

---

有关CSS子选择器的更多信息，请参阅。

有关系选择器

，它表示“直接子对象”：

ul>li{
背景色：；
}

但我在使用它时遇到了跨平台兼容性问题。您还可以设置多个级别的规则：

ul li {
    background-color: <your color>;
}

ul li li {
    background-color: none;
}

ulli{
背景色：；
}
ulli li{
背景色：无；
}

有关系选择器

，意思是“直系子女”：

ul>li{
背景色：；
}

但我在使用它时遇到了跨平台兼容性问题。您还可以设置多个级别的规则：

ul li {
    background-color: <your color>;
}

ul li li {
    background-color: none;
}

ulli{
背景色：；
}
ulli li{
背景色：无；
}

第二个选项更好，因为IE6不支持“>”子项selector@Jonathan这正是我所说的“但我在使用它时遇到了跨平台兼容性问题”。不用担心，我以为你指的是Windows vs Linux vs Mac。第二个选项更好，因为IE6不支持“>”小孩selector@Jonathan这正是我所说的“但我在使用它时遇到了跨平台兼容性问题”。不用担心，我以为你指的是Windows vs Linux vs Mac。