更改默认值而不重要！

Question

试图找出结构，但我怎样才能改变事物的默认值？如按钮颜色？现在我正在创建一个styles.css并做：

.btn-primary { background-color: green !important }

我想避免使用！对于过度骑行这样的事情非常重要。任何帮助将不胜感激。

Answer 1

我发现非常有用的东西是在本地运行页面并使用Google Chrome DevTools。如果查看样式选项卡，它将允许您检查元素，以便查看样式是否继承自何处。通常我只需要确保使用更具体的选择器。

DevTools概述：https://developer.chrome.com/devtools

Answer 2

看起来你遇到了一个特殊问题。对MDN here的特异性有很好的细分。检查btn-primary是否被包装在其他类中并覆盖您的自定义CSS。还可以尝试将ID添加到按钮的父容器中，然后将自定义CSS定位为：

#button-parent-container {
   .btn-primary {
     // your code here.
  }
}

如果您没有使用SASS，那么您的声明将是：

 #button-parent-container .btn-primary {
   // your code here
 }

Answer 3

你不应该使用重要的只是确保你在bootstraps css之后加载你的自定义css如下：

<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/custom.css" />

然后你不应该使用重要来覆盖CSS这里是一个小提琴，告诉你这在行动Fiddle Demo