css - 如何覆盖特定元素的所有 CSS？

Question

我有一个来自 Bootstrap 类的按钮；我也想将我的 CSS 添加到按钮；但似乎 Bootstrap 的填充覆盖了我的 CSS!在这种情况下，我该如何覆盖 Bootstrap 的 CSS!

我还顺便提一下，我可以通过将 CSS 内联来覆盖 bootstrap CSS!但这不是我要做的!有没有更好的方法可以将我的 CSS 放在我的单独文件中并在此 cas 中覆盖 Bootstrap 的 CSS(填充，...)

如果您需要更多说明，请告诉我!

PS:我也不想更改 btn 类的 CSS 填充!

添加:我的CSS:

.delete_btn{
    width: 50px;
font-size: 8px;
height: 20px;
position: relative;
top: -7px;
text-align: center;
padding: 0px 10px 10px 10px;

}

我的按钮:

<button id='images[i]['url']' class='btn btn-danger btn-xs delete_btn' >Delete</button>

谢谢，

Answer 1

您可以采取一些措施来覆盖样式:

• 请确保您的 CSS 在 Bootstrap 后加载。

• 两人在文件末尾写下你的类(class)。

• 三个你可以使用像 id="button" 这样的 id 或像

  这样的后代选择器来使你的选择器更具体

   #container .myButtonClass {
         padding:0px;
   }
  

您可以查看更多关于 CSS 定义优先级的信息 here和 here