1

我正在使我的博客设计在小屏幕尺寸上响应，但是当我想更改预样式元素的样式时，它仅在!important添加到其 css 样式时才会更改。这是 CSS 示例 -

  .post {margin-left:10px!important;height:300px!important;}
  .post img {width:200px!important;height:200px!important;}
   a:link {color:green!important;}

HTML-

  <div class='post'> 
  <img src='photo.gif'> Here is the link of a very informative aricle <a href="/">Link</a>
  </div>

这只是一个例子，我的 css 和 html 代码很长。在 CSS 样式中，您可以看到每个样式都包含!important属性。几乎在每个元素的 css 中我都必须添加，!important否则元素样式会被继承。css 中是否有任何方法可以!important只声明一次属性，并且元素的新样式可以在不添加!important的情况下工作。

4

3 回答 3

2

首先不要像那样使用 !important ，除非它只是需要。!Importatn 强制浏览器根据需要呈现某些内容。粗心地使用它会给维护网站的任何人带来混乱的代码和真正的头痛。

您应该在需要的地方进行适当的修复。请记住：

内联 css + !important > css 文件 !important > 内联 css > css 文件。

此外，如果您两次声明某些内容，例如一个类.some-class{}，则后一个类的属性将覆盖先前类的属性。但请记住！重要的事情......

我建议您按照应有的方式做一次，以免将来头疼……

并供进一步参考：http ://www.w3schools.com/css/ & http://www.w3schools.com/css/css_mediatypes.asp

于 2013-09-05T10:34:26.697 回答
0

There is no way !important can be used to apply for whole of the CSS file. However you can change the order of your CSS files the way they are called. For example for iphone web pages you can use the meta tag and your CSS will be applied accordingly.

   <meta name="viewport" content="width=320"> // iphone
    //CSS Rules for iphones 
   <meta name="viewport" content="width=768">  //tablets
    //CSS Rules for tablets
于 2013-09-05T10:27:39.190 回答
0

我认为没有理由以这种方式使用重要，如果您的样式继承了您不想要的东西，那么您有选择器问题。

如果您出于特定原因需要覆盖默认样式，请尝试使用 ID。

我建议您阅读选择器的最佳使用方法。!important 不应该用于除了无法访问原始 css 之外的其他原因。

于 2013-09-05T10:29:34.090 回答