Html 如何仅为第一个嵌套li应用最后一个子项?
我有以下ul清单: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 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。我没有复制或修改你的答案。你想让我删除我的答案吗@莱奥瑟利昂