如何通过CSS:last-child属性仅获取页面上特定id的最后一个ul?

如何通过CSS:last-child属性仅获取页面上特定id的最后一个ul?,css,Css,我的页面生成两个具有相同ID的ULs,我希望通过CSS删除最后一个ULs(显示:无)。我尝试了:最后一个孩子的财产,但一点运气都没有。我要么让他们两个消失,要么一个也没有 例如: <div id="content"> <ul id="some-ul"> <li>...</li> <li>...</li> </ul> <ul id="some-ul"> <li>...</li>

我的页面生成两个具有相同ID的ULs,我希望通过CSS删除最后一个ULs(显示:无)。我尝试了:最后一个孩子的财产,但一点运气都没有。我要么让他们两个消失,要么一个也没有

例如:

<div id="content">

<ul id="some-ul">
<li>...</li>
<li>...</li>
</ul>

<ul id="some-ul">
<li>...</li>
<li>...</li>
</ul>

</div>


我想应用display:none仅适用于最后一个ul#我的#内容中的一些ul。

可以这样做:

#content ul:last-child {
   display:none;
}
请注意,
最后一个子项
仅在IE9+中受支持。正如@Jop所提到的,您应该在最后一个子元素上设置一个类,以便在旧版本的IE中解决这个问题


另外,请记住,ID应该始终是唯一的。

可以这样做:

#content ul:last-child {
   display:none;
}
请注意,
最后一个子项
仅在IE9+中受支持。正如@Jop所提到的,您应该在最后一个子元素上设置一个类,以便在旧版本的IE中解决这个问题


另外,请记住,ID应该始终是唯一的。

可以这样做:

#content ul:last-child {
   display:none;
}
请注意,
最后一个子项
仅在IE9+中受支持。正如@Jop所提到的,您应该在最后一个子元素上设置一个类,以便在旧版本的IE中解决这个问题


另外,请记住,ID应该始终是唯一的。

可以这样做:

#content ul:last-child {
   display:none;
}
请注意,
最后一个子项
仅在IE9+中受支持。正如@Jop所提到的,您应该在最后一个子元素上设置一个类,以便在旧版本的IE中解决这个问题


另外,请记住,ID应该始终是唯一的。

完全通用的方法,不依赖于类或ID

div ul:last-of-type li:last-child {
    display:none;
}
因此,基本上,div是包含列表项的父项-如果需要,它可以有一个类或ID

在这里面,你有你的ul标签——最后一个类型发挥了神奇的作用,在父div中找到最后一个ul。然后你只需使用li上的最后一个子元素

这是小提琴:

完全通用的方法,不依赖于类或ID

div ul:last-of-type li:last-child {
    display:none;
}
因此,基本上,div是包含列表项的父项-如果需要,它可以有一个类或ID

在这里面,你有你的ul标签——最后一个类型发挥了神奇的作用,在父div中找到最后一个ul。然后你只需使用li上的最后一个子元素

这是小提琴:

完全通用的方法,不依赖于类或ID

div ul:last-of-type li:last-child {
    display:none;
}
因此,基本上,div是包含列表项的父项-如果需要,它可以有一个类或ID

在这里面,你有你的ul标签——最后一个类型发挥了神奇的作用,在父div中找到最后一个ul。然后你只需使用li上的最后一个子元素

这是小提琴:

完全通用的方法,不依赖于类或ID

div ul:last-of-type li:last-child {
    display:none;
}
因此,基本上,div是包含列表项的父项-如果需要,它可以有一个类或ID

在这里面,你有你的ul标签——最后一个类型发挥了神奇的作用,在父div中找到最后一个ul。然后你只需使用li上的最后一个子元素

这是小提琴:

IDs必须是唯一的。IDs必须是唯一的。IDs必须是唯一的。还请注意:最后一个子项是css3选择器,因此在旧版本的IE中不起作用。在这种情况下,您应该在最后一个子项上设置一个类,以使其起作用。我知道IDs必须是唯一的,但是我的PHP是这样生成的,我想从代码中删除最后一个ul#some ul。我甚至试过你之前提到的东西:#content ul#some ul:last child{display:none;}@JayQuery
#content ul#some ul:last child{display:none;}
@JayQuery尽管上述方法可行,您应该设法找到一种不生成重复id的方法。还请注意:最后一个子项是css3选择器,因此在旧版本的IE中不起作用。在这种情况下,您应该在最后一个子项上设置一个类以使其起作用。我知道id必须是唯一的,但是我的PHP是这样生成的,我想从代码中删除最后一个ul#some ul。我甚至试过你之前提到的东西:#content ul#some ul:last child{display:none;}@JayQuery
#content ul#some ul:last child{display:none;}
@JayQuery尽管上述方法可行,您应该设法找到一种不生成重复id的方法。还请注意:最后一个子项是css3选择器,因此在旧版本的IE中不起作用。在这种情况下,您应该在最后一个子项上设置一个类以使其起作用。我知道id必须是唯一的,但是我的PHP是这样生成的,我想从代码中删除最后一个ul#some ul。我甚至试过你之前提到的东西:#content ul#some ul:last child{display:none;}@JayQuery
#content ul#some ul:last child{display:none;}
@JayQuery尽管上述方法可行,您应该设法找到一种不生成重复id的方法。还请注意:最后一个子项是css3选择器,因此在旧版本的IE中不起作用。在这种情况下,您应该在最后一个子项上设置一个类以使其起作用。我知道id必须是唯一的,但是我的PHP是这样生成的,我想从代码中删除最后一个ul#some ul。我甚至尝试了你之前提到的东西:#content ul#some ul:last child{display:none;}@JayQuery
#content ul#some ul#some ul:last child{display:none;}
@JayQuery尽管上述方法可行,但你应该设法不生成重复的id。我只想删除id为“some ul”的最后一个ul如果可能的话?因为页面上的最后一个ul可能是其他类或id,我不想将其删除。另外,我不想删除最后一个li,而是删除内容的最后一个ul,整个ul,包含所有LIs。也许你需要解释一下你想要实现什么?我想删除o