CSS属性值告诉浏览器不应更改属性值

Question

有这样的事吗？

像

.el{
  background-image: don_change;
}

我必须定义属性，但我不希望它在某些条件下更改（该元素在另一个.css文件中具有该属性的默认值，应该使用它。）

如果值是url(image.jpg)之类的有效属性，则应该应用

Answer 1

在这种情况下，

don_change是有效值。为什么？因为它是无效的值。

如果必须指定属性名称，但不希望它影响当前样式，请提供无效值。浏览器将始终忽略无效值。

如果要禁用整个选择器，请向选择器集添加无效的伪选择器。无效的伪选择器会导致忽略整个规则集（例如：:blabla, body{...}）。

如果您希望样式保持不变，而不能通过内联样式或其他样式表进行更改，请通过!important对您的声明进行后缀。

但是，如果要“重置”样式，则必须指定默认（有效）值。要查找属性的默认值，请查看Mozilla's Developer Network。快速查找正确页面的简便方法是使用Google，使用<keywords> mdn，例如。 background-image css mdn。

Answer 2

我认为应该使用！important规则：http://www.w3.org/TR/CSS2/cascade.html#important-rules

Answer 3

没有办法真正做到这一点，但你可以接近：

.el{
    background-image: url(yourimage.jpg) !important;
}

您使用的选择器越具体，样式的优先级就越高，以防您在覆盖中使用非常特定的选择器：

#my_content div.el {
    background-image: url(yourimage.jpg) !important;
}

然而，使用!important不是你想要开始做的习惯。你应该能够找到解决这个问题的方法。