Html ：未应用于元素的最后一个子属性

我的导航布局如下：

<div id=treeLevelContainer_0>
     <div class=treeLevel_0><a href="#">Link 1</a></div>
     <div class=treeLevel_0><a href="#">Link 2</a></div>
     <div class=treeLevel_0><a href="#">Link 3</a></div>
     <div class=treeLevel_0><a href="#">Link 4</a></div>
     <div class=treeLevel_0><a href="#">Link 5</a></div>
     <div class=treeLevel_0><a href="#">Link 6</a></div>
     <div class=treeLevel_0><a href="#">Link 7</a></div>
</div>

<div class="treeLevel_0"><a href="#">Link 2</a></div>

但是，对于最后一个，我不想有背景，所以我使用了

：last child

属性：

#treeLevelContainer_0 .treeLevel_0:last-child
{
    background:none;
}

---

然而由于这个原因，

：最后一个孩子

根本没有被应用。有什么想法吗？因为我确信这是我过去做这件事的方式？

如下替换这些格式错误的行：

<div id=treeLevelContainer_0>
     <div class=treeLevel_0><a href="#">Link 1</a></div>
     <div class=treeLevel_0><a href="#">Link 2</a></div>
     <div class=treeLevel_0><a href="#">Link 3</a></div>
     <div class=treeLevel_0><a href="#">Link 4</a></div>
     <div class=treeLevel_0><a href="#">Link 5</a></div>
     <div class=treeLevel_0><a href="#">Link 6</a></div>
     <div class=treeLevel_0><a href="#">Link 7</a></div>
</div>

<div class="treeLevel_0"><a href="#">Link 2</a></div>

这应该行得通。

---

另外，不要忘记将所有ID或类放在引号内（请参见第一行）

如下替换这些格式错误的行：

<div id=treeLevelContainer_0>
     <div class=treeLevel_0><a href="#">Link 1</a></div>
     <div class=treeLevel_0><a href="#">Link 2</a></div>
     <div class=treeLevel_0><a href="#">Link 3</a></div>
     <div class=treeLevel_0><a href="#">Link 4</a></div>
     <div class=treeLevel_0><a href="#">Link 5</a></div>
     <div class=treeLevel_0><a href="#">Link 6</a></div>
     <div class=treeLevel_0><a href="#">Link 7</a></div>
</div>

<div class="treeLevel_0"><a href="#">Link 2</a></div>

这应该行得通。

---

另外，不要忘记将所有ID或类放在引号内（请参见第一行）

如下替换这些格式错误的行：

<div id=treeLevelContainer_0>
     <div class=treeLevel_0><a href="#">Link 1</a></div>
     <div class=treeLevel_0><a href="#">Link 2</a></div>
     <div class=treeLevel_0><a href="#">Link 3</a></div>
     <div class=treeLevel_0><a href="#">Link 4</a></div>
     <div class=treeLevel_0><a href="#">Link 5</a></div>
     <div class=treeLevel_0><a href="#">Link 6</a></div>
     <div class=treeLevel_0><a href="#">Link 7</a></div>
</div>

<div class="treeLevel_0"><a href="#">Link 2</a></div>

这应该行得通。

---

另外，不要忘记将所有ID或类放在引号内（请参见第一行）

如下替换这些格式错误的行：

<div id=treeLevelContainer_0>
     <div class=treeLevel_0><a href="#">Link 1</a></div>
     <div class=treeLevel_0><a href="#">Link 2</a></div>
     <div class=treeLevel_0><a href="#">Link 3</a></div>
     <div class=treeLevel_0><a href="#">Link 4</a></div>
     <div class=treeLevel_0><a href="#">Link 5</a></div>
     <div class=treeLevel_0><a href="#">Link 6</a></div>
     <div class=treeLevel_0><a href="#">Link 7</a></div>
</div>

<div class="treeLevel_0"><a href="#">Link 2</a></div>

这应该行得通。 另外，不要忘记将所有ID或类放在引号内（请参见第一行）

#treeLevelContainer_0分区
{
宽度：98%；
高度：24px；
线高：24px；
背景：红色；
文本对齐：左对齐；
光标：指针；
保证金：5px；
垫底：3件；
}
#TreeLevel容器0分区：最后一个孩子
{
背景：无；
}

这就是解决方案…顺便说一句，最好使用jQuery，因为它与crosbroswer兼容。

#treeLevelContainer_0分区
{
宽度：98%；
高度：24px；
线高：24px；
背景：红色；
文本对齐：左对齐；
光标：指针；
保证金：5px；
垫底：3件；
}
#TreeLevel容器0分区：最后一个孩子
{
背景：无；
}

这就是解决方案…顺便说一句，最好使用jQuery，因为它与crosbroswer兼容。

#treeLevelContainer_0分区
{
宽度：98%；
高度：24px；
线高：24px；
背景：红色；
文本对齐：左对齐；
光标：指针；
保证金：5px；
垫底：3件；
}
#TreeLevel容器0分区：最后一个孩子
{
背景：无；
}

这就是解决方案…顺便说一句，最好使用jQuery，因为它与crosbroswer兼容。

#treeLevelContainer_0分区
{
宽度：98%；
高度：24px；
线高：24px；
背景：红色；
文本对齐：左对齐；
光标：指针；
保证金：5px；
垫底：3件；
}
#TreeLevel容器0分区：最后一个孩子
{
背景：无；
}

---

这是一个解决方案…顺便说一句，最好使用jQuery，因为它与crosbroswer兼容。

不是有效的HTML。我很惊讶这个格式错误的HTML竟然出现在页面上…这是堆栈溢出的错误，我输入了代码，而不是复制和粘贴-现在更正似乎对我有效：无法复制：

是无效的HTML。我很惊讶这个格式错误的HTML竟然出现在页面上…这是堆栈溢出的一个输入错误，我输入了代码，而不是复制和粘贴-现在更正似乎对我有效：无法复制：

是无效的HTML。我很惊讶这个格式错误的HTML竟然出现在页面上…这是堆栈溢出的一个输入错误，我输入了代码，而不是复制和粘贴-现在更正似乎对我有效：无法复制：

是无效的HTML。我很惊讶这个格式错误的HTML竟然出现在页面上…这是堆栈溢出的一个输入错误，我输入了代码，而不是复制和粘贴-现在更正似乎对我有效：无法复制：谢谢，但这是我写问题时的错误，现在更正。啊！谢谢，但那是我写问题时的一个打字错误，现在更正了。啊！谢谢，但那是我写问题时的一个打字错误，现在更正了。啊！谢谢，但那是我写问题时的一个打字错误，现在更正了。啊！谢谢，但是同样的问题，背景仍然在那里谢谢，但是同样的问题，背景仍然在那里谢谢，但是同样的问题，背景仍然在那里谢谢，但是同样的问题，背景仍然在那里