我想用类名 footer_list
向我的最后一个 ul 元素添加不同的样式,但是以下任何事情都不起作用
ul.footer_list:last-child {
border-right: none;
}
#menu-bottom.pads ul.footer_list:last-child {
border-right: none;
}
结构如下所示
<div class="pads clearfix" id="menu-bottom">
<ul class="footer_list">
<li><a title="" href=""></a></li>
</ul>
<ul class="footer_list">
<li><a title="Zu den Dell Gutschein Codes" href="/dell-gutschein-codes/"></a></li>
</ul>
<ul class="footer_list">
<div class="menu-footer-container">
<ul class="menu" id="menu-footer">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25" id="menu-item-25"><a href=""></a></li>
</ul>
</div>
</ul>
</div>
最佳答案
你也可以使用 last-of-type 伪选择器。
.footer_list:last-of-type {
border-right: none;
}
关于html - css 最后一个 ul 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14520885/