使用&运算符在CSS中起重要作用

时间:2019-04-13 18:13:34

标签: css

我们可以使用ampersand operator代替important吗?

下面是我的示例CSS。有什么方法可以使用&&运算符来代替!important来覆盖基本CSS?

示例代码段

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue !important;
  }
}

我们可以像下面在CSS中那样用ampersand operator替换它吗?

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue &&;
  }
}

或者它只是对$ i的css重要!

1 个答案:

答案 0 :(得分:2)

我以前从未见过双“&”号,并且在任何文档中都找不到,我想知道您在哪里找到它(也许更少还是很无聊?)。它不是!important的替代品,至少在我所有的浏览器中都是最新的。

对于!important,这是覆盖CSS的一种方法,但通常不建议这样做。一般建议是,如果您要覆盖其他CSS,请查看其具体程度,然后尝试更具体。这样一来,您就可以证明自己真的清楚地表达了这个意思,而不是太用力了。

有关!importantWhat are the implications of using "!important" in CSS?

的“有争议”用法的详细信息,请参见此答案。