Question

我正在编辑一个页面而我不能更改html，只有css，但我需要更改一个内联声明的背景图片！important。我已经尝试声明background-image：none！important;或更改bg位置，直到它消失，然后在伪元素之前声明新的bg图像，但它不起作用。有没有办法这样做而不改变HTML？这是代码：

<ul class="list-inline">
    <li>
       <a href="http://www.facebook.com/portoseguro" target="_blank">
         <span class="gIconSocial fb" style="background: url('https://cliente.portoseguro.com.br/static-files/Institucional/Icones/facebook_off.png') no-repeat !important;">Facebook</span>
        </a>
    </li>
</ul>

（我也不能使用javascript，只能使用css）

Answer 1

浏览器优先考虑内联样式。并且，由于这是!important属性，因此如果您只想使用CSS，则必须编辑HTML以消除此问题。

我建议您在应用样式

时详细了解特异性

Answer 2

您可以添加CSS background-size: 0;来隐藏背景图片，并尝试将背景图片放到ul.list-inline > li > a[target=_blank]

编辑：

而是使用ul.list-inline > li > a[target]或者它无法正常工作

如何覆盖！重要的内联css？

2 个答案:

编辑：