css - 覆盖 CSS 内联

Question

我的样式表的一部分如下所示：

ul#secondary-menu li {
    background: url("images/secondary-menu-bg.png") repeat-y scroll right top transparent;
    padding-right: 2px;
}

如何覆盖内联背景图像？我试过这个：

<li id="menu-41" class="item-41" style="ul#secondary-menu li { background: none;}"><a href="http://www.test.com">Test</a></li>

我还添加了!important标签，但没有效果。我在这里做错了什么？请注意，我正在寻找一种解决方案来覆盖内联背景图像。

score 5 · Accepted Answer

内联样式没有选择器。它们只是一组声明，因此您可以删除选择器和花括号：

<li id="menu-41" class="item-41" style="background: none;"><a href="http://www.test.com">Test</a></li>

score 2 · Accepted Answer

您没有在内联样式标记内指定选择器，因为这些样式仅适用于该元素。

<li id="menu-41" class="item-41" style="background: none;">

是你所需要的全部。

score 0 · Accepted Answer

是的，您不需要指定内联样式标记，因此只需将样式更改style="background: none;"为即可

3 回答 3