覆盖CSS内联

Hen*_*son 1 css overriding background inline-styles

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

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

如何内联覆盖背景图像?我试过这个:

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

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

Bol*_*ock 5

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

<li id="menu-41" class="item-41" style="background: none;"><a href="http://www.test.com">Test</a></li>
Run Code Online (Sandbox Code Playgroud)