避免！在新的css文件中很重要

Question

我必须更改现有网站，以便它变得敏感。我没有可能完全从底部开始，所以我创建了一个带有一些@media的额外CSS文件 - 根据浏览器的宽度更改样式的查询。我通过原始CSS文件中的@import导入此CSS文件。

但是，到目前为止，我必须在每个新样式之后编写!important，否则原始文件将被覆盖并应用原始样式。

我考虑过将原始文件放在@media (min-width: 1200px) { ... }之间，但这只适用于所有内容，因此不会在设备上显示任何内容＆lt; 1200px。

我该如何处理？我应该继续使用!important否决原始文件，还是有其他可能更好的方法？

Answer 1

如果您很好地级联它，您的响应文件可以在没有!important的情况下正常运行。 在原始文件之后导入额外的css文件，并确保选择器为特定的

Answer 2

如果您可以完全避免，请不要使用!important。

避免它的一种方法（如果可以的话）是使你的css比原来的更具体。例如，如果原始css具有：

.some-class {color:#ff0000;}

然后你可以用：

覆盖它

#main .some-class{color:#0000ff;}

第二个例子比第一个例子更具体，因此从第一个例子开始接管。

但是如果原件中有!important，那么您可能需要使用自己的一个覆盖它。