Html css最后一个ul样式

我想用类名

footer\u 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>

您可以使用此

#menu-bottom ul:last-child  {
    //css for Last ul tag
}

---

您使用了错误的选择器。而不是：

ul.footer_list:last-child {
    border-right: none;
}

应该是：

.footer_list:last-child {
    border-right: none;
}

例如，要查看选择器是否正常工作：

这很有效！（）

.footer_列表：最后一个子项{ 右边框：无；}

对于IE7/8，您可以在最后一个ul中添加一个类。 例子： CSS:

Jquery：

/* LAST CHILD HACK FOR IE7/8 */
$(function(){
    if( $.browser.msie ){
     if( $.browser.version == 7.0 || $.browser.version == 8.0 ){
        $('.footer_list').each(function(){
            if( $(this).is(':last-child') ){
                $(this).addClass('last-child');
            }       
        });
     } 
});

---

当你使用

最后一个孩子

时，这意味着在你的

ul

中所有的

li

都是孩子，所以你必须统一你的

ul

，最后一个

li

是你的

最后一个孩子

，类似这样：

CSS:

.footer_list li{
    border: 1px solid #000;
}
.footer_list li:last-child {
    border: none;
}

<ul class="footer_list">
    <li>Menu 1</li>
    <li>Menu 2</li>
    <li>Menu 3</li>
</ul>

HTML:

.footer_list li{
    border: 1px solid #000;
}
.footer_list li:last-child {
    border: none;
}

<ul class="footer_list">
    <li>Menu 1</li>
    <li>Menu 2</li>
    <li>Menu 3</li>
</ul>

菜单1
菜单2
菜单3

您还可以使用最后一个伪选择器类型

.footer_list:last-of-type {
    border-right: none;
}

---

感谢您的反馈和帮助，我正在firefox下测试它，但似乎不起作用firefox确实支持它。除非您使用的是更旧的版本。但是，如果这段代码不起作用，那么您接受的答案在Firefox中也不会起作用。