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标签,但没有效果.我在这做错了什么?请注意,我正在寻找一种内联覆盖背景图像的解决方案.
内联样式没有选择器.它们只是一组声明,因此您可以删除选择器和花括号:
<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)