何时使用 !important

　　

　　如果要在你的网站上设定一个全站样式的 CSS 样式可以使用 !important。

　　

　　比如我们要让网站上所有按钮的样式都一样：

　　

　　实例

　　

　　.button {

　　

　　background-color: #8c8c8c;

　　

　　color: white;

　　

　　padding: 5px;

　　

　　border: 1px solid black;

　　

　　}

　　

　　如果我们将按钮放在另一个具有更优先级的元素中，按钮的外观就会发生变化，并且属性会发生冲突，如下实例：

　　

　　实例

　　

　　.button {

　　

　　background-color: #8c8c8c;

　　

　　color: white;

　　

　　padding: 5px;

　　

　　border: 1px solid black;

　　

　　}

　　

　　#myDiv a {

　　

　　color: red;

　　

　　background-color: yellow;

　　

　　}

　　

　　如果想要设置所有按钮具有相同的外观，我们可以将 !important 规则添加到按钮的样式属性中，如下所示：

　　

　　实例

　　

　　.button {

　　

　　background-color: #8c8c8c !important;

　　

　　color: white !important;

　　

　　padding: 5px !important;

　　

　　border: 1px solid black !important;

　　

　　}

　　

　　#myDiv a {

　　

　　color: red;

　　

　　background-color: yellow;

　　

　　}