关于css和!重要标签

时间:2013-03-21 06:57:08

标签: css styles

任何人都能解释一下现实中做什么!在css风格中很重要吗?

当我在其他网站上使用css时,有时他们会使用它,但为什么呢?我并不是真的不知道重要的“工作”:D

谢谢......

4 个答案:

答案 0 :(得分:8)

!important规则是一种制作CSS cascade的方法,但也有规则  感觉是最关键的总是应用。具有!important属性的规则  无论CSS文档中出现何种规则,都将始终应用。  因此,如果要确保始终应用属性,则应添加!important属性 到标签。 因此,要使段落文本始终为红色,请在上面的示例中编写:

p { color: #ff0000 !important; }
 p { color: #000000; }

在CSS中使用!important通常意味着你是自恋的&自私或懒惰。尊重开发者......

More about this

<强> More about this link 2

!important是CSS1的一部分。

答案 1 :(得分:1)

它是什么?

!important会覆盖其他没有它的样式。以下是CSS的基本优先顺序:

  1. !important
  2. 的规则
  3. 更具体的规则

    .classNameA .classNameB {} /* more specific */
    .classNameB {}
    
  4. 规则的顺序

    .classNameB {}
    .classNameB {} /* takes priority */
    
  5. 实施例

    .classNameB .classNameA {
        background-color: red;
    }
    .classNameA {
        background-color: blue !important;
    }
    

    尽管.classNameA在第一条规则中更具体,但由于background-color .classNameA blue!important

    你应该使用它吗?

    不,不惜一切代价避免它。只有在绝对必要时才使用它,并且如果你发现自己处于某种情况,请考虑重构CSS。这样做的原因是,当您在整个地方拥有!important规则时,很难更改CSS。这也是CSS设计糟糕的一个指标。

    进一步阅读

答案 2 :(得分:0)

!important在css属性上设置priority。如果您有两个具有不同值的相同CSS属性,则一个!important标记会将优先级设置为HIGH。

答案 3 :(得分:0)

通常,后面的CSS声明早先否决了。因此,如果您在样式表中声明了某个元素的某种背景颜色,以及页面本身的样式块或内联样式,则声明该元素的另一种背景颜色,样式块或内联样式会覆盖样式表。

如果在样式表中的声明中添加!important,则不会推翻该声明。