Html 如何仅为第一个嵌套li应用最后一个子项?

Html 如何仅为第一个嵌套li应用最后一个子项?,html,css,css-selectors,Html,Css,Css Selectors,我有以下ul清单: <ul class="list"> <li> <ul> <li></li> </ul> </li> <li></li> <ul> 如何将CSS样式应用于父级class=“list”的最后一个li,而不是嵌套的ul内部ul试试这个 css ul.main

我有以下ul清单:

<ul class="list">
    <li>
        <ul>
            <li></li>
        </ul>
     </li>
     <li></li>
<ul>
如何将CSS样式应用于父级
class=“list”
的最后一个
li
,而不是嵌套的
ul
内部
ul

试试这个

css

ul.main > li > ul> li:first-child > a {
    background:green;
}

您需要
类型的最后一个

.list>li:类型的最后一个{
颜色:红色;
}
  • a
    • a
  • c

直接子选择器(CSS3):

ul.list>li:类型的最后一个{
颜色:红色;
}
  • 父母第一个孩子
    • 孩子
  • 为另一个孩子做父母
  • 父母最后一个孩子

很抱歉提及,op想要为家长的最后一个li添加css。您错过了解释中非常重要的一部分。。。儿童选择器所扮演的角色并没有让你@LGSon明白,请随意发布你的答案,并附上详细信息,因为我会一直很想知道:)更新/更新了你的答案,只做了一点小改动:)你的例子和我的有什么不同?如果
,会发生什么?我刚刚指定了选择器@Leothelionies在这种情况下,它仍然将是相同的m指出类,但不是div。我没有复制或修改你的答案。你想让我删除我的答案吗@莱奥瑟利昂