覆盖CSS内联

时间:2012-08-09 15:11:34

标签: css background override inline-styles

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

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标记,但它没有效果。我在这做错了什么?请注意,我正在寻找覆盖背景图片内嵌的解决方案。

3 个答案:

答案 0 :(得分:5)

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

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

答案 1 :(得分:2)

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

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

就是你所需要的。

答案 2 :(得分:0)

是的,您不需要指定内联样式标记,只需将样式更改为style="background: none;",您应该好好去