时间戳

首页 > 解决方案 > 如何避免在这里使用 !important

html - 如何避免在这里使用 !important

问题描述

我想知道如何避免使用！important。我应该只使用 css、html、bootstrap。

我试图使用很多选择器类等等，但这些都没有帮助我

.btn:active
{
    transform: scale(1.1);
    background-color: #F05F44 !important;
    outline-color: #F05F44 !important;
    box-shadow: none !important;
    border-color: #F05F44 !important;

}


.btn:focus {
    outline: 0;
    box-shadow: none; 
}

我认为我应该更改一个属性，但我不知道哪个/

PS我为错误道歉，我犯了错误，因为我会说俄语并且匆忙写了所有这些。

标签： htmlcss

解决方案

基本上你必须知道 css 选择器是如何工作的。您可以在这里找到大部分内容https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

这里没有描述 2 件事：

  • 在不同或相同的 css 文件中 2 次相同的选择器。=> 发生这种情况时，一切由订单决定。最后加载的文件获胜。
  • 内联样式 => 内联样式只能使用覆盖!important

推荐阅读