我希望页面上的最后一个无序列表没有底部边框。问题是,如果我做最后一个类型或最后一个孩子,它会更改所有无序列表,因为它们是每个部分中唯一的一个。简化代码:
<div>
<section>
<ul>
</ul>
</section>
<section>
<ul>
</ul>
</section>
<section>
<ul>
</ul>
</section>
答案 0 :(得分:6)
div > section:last-of-type > ul
或div > section:last-child > ul
{ border-bottom: 0 none rgba(0,0,0,0); }
有效吗?
答案 1 :(得分:2)
根据您的页面方案,这将有效:
div section:not(:last-child) ul {
border-bottom: solid 1px;
}
这匹配文档的最后 ul
内的任何section
。