更改默认值而不重要！

Question

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

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

我想避免使用！对于过度骑行来说很重要。任何帮助将不胜感激。

Answer 1

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

DevTools概述：Compiler Explorer

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