如何定位最后一种类型

时间:2015-12-17 19:16:20

标签: css

我希望页面上的最后一个无序列表没有底部边框。问题是,如果我做最后一个类型或最后一个孩子,它会更改所有无序列表,因为它们是每个部分中唯一的一个。简化代码:

<div>
<section>
    <ul>
    </ul>
</section>

<section>
    <ul>
    </ul>
</section>

<section>
    <ul>
    </ul>
</section>

我不能只使用一个类,因为它是动态内容,客户端将添加/删除部分。我可以使用选择器吗?以下是现场直播的图片:enter image description here

2 个答案:

答案 0 :(得分:6)

div > section:last-of-type > uldiv > 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