Correct use of !important

时间：2020-05-12 作者：Richie

我是CSS新手，如果这很明显，请原谅我。

我有以下代码将我的站点徽标对齐到左侧。它完全按照我的要求工作。

    /* Align site logo to the left */
    .site-logo {
      float: left !important;
      padding-top: 15px;
    }
然而，我已经读到，利用它（通常）是不好的做法！这一点很重要，并且可能会在以后产生问题。

什么时候应该！是否使用重要信息？在上面的示例中，如果不使用它，您将如何实现所需的结果？（我试过各种各样的东西，但都没有用；-））

谢谢

2 个回复
SO网友:Baikare Sandeep

这个CSS中的重要属性用于提供比普通属性更多的权重（重要性）。在CSS中！重要意味着“这很重要”，忽略所有后续规则，并应用！重要规则和！重要关键字必须放在行的末尾，紧靠分号之前。

换句话说，它增加了速记属性所代表的所有子属性的重要性

SO网友:Umesh

!important 用于覆盖现有css，例如普通css

 h1{font-size:44px;}
哦！使用css的重要信息

h1{font-size:44px!imporatant;}
如果你想使用！像css一样重要，但不包括！重要提示：每次要覆盖令人兴奋的网站，只需调用主主题/模板文件css mean第二行下方的自定义css文件。例如，我的习惯。css是您的自定义文件

    <link rel="stylesheet" type="text/css" href="themestyle.css" >
    <link rel="stylesheet" type="text/css" href="mycustom.css" >

标签： css   小码农  

相关推荐

Gutenberg CSS Issue

我有下面的css代码，但它在帖子页面上不起作用：（我说的是字体大小和颜色）/* gutenberg */ blockquote { text-align: center; margin: 20px; font-family: epicride; color: red; font-size: 90px; } wp-block-quote { font-size: 90px;&#x