css - 无法从一个 li 元素中删除背景颜色

Question

网址是http://vs.avischulman.com/

现在我正在尝试从菜单的最后一个链接中删除金色背景和边框。 (右侧)这是一辆手推车。背景使它不可见。

我试过了

#top-cart {
background:none!important;
}

我还尝试使用 li#top-cart、#header #navigation ul.nav > li a:nth-child(4) 和其他一些方法进行选择，但均无济于事。

如有任何帮助，我们将不胜感激!

谢谢!

Answer 1

尝试针对此规则:

@media only screen and (min-width: 768px) {
#header #navigation ul.nav > li:last-of-type a { ... } }

使用 last-of-type 来定位最后一个 li 元素，

您将能够为菜单上的最后一个元素设置样式，以此类推其他屏幕分辨率...