我可以在單個CSS選擇器中覆蓋引導程序的默認設置嗎？

Question

我想擺脫Firefox中的outlines ，但是它們的指向要比bootstrap3.css style.css指向的要深，因此我需要全部更新它們。

我嘗試了以下方法：

<link href="{{ URL::to('home_assets/css/bootstrap.min.css') }}" rel="stylesheet" media="screen">
<link href="{{ URL::to('home_assets/css/style.css') }}" rel="stylesheet" media="screen">

下面的示例不起作用，因為Bootstrap 3更深入。

//bootstrap
a.carousel-control 
{
    outline: thin dotted;
}

//my css
body {
    outline: none !important;
}

Result: a.carousel-control has thin dotted outline.

我需要做一些類似的事情來勾勒輪廓。 （並且有效）

a.carousel-control 
{
    outline: none;
}

問題是，然后我需要將標記中的所有內容都指向深處，以便它覆蓋引導程序。 我需要封裝大多數Bootstrap的CSS。

CSS中是否有類似的功能，因此我可以從一個地方進行管理？

body {
    outline: none !override-previous; //pseudo
}

有任何技巧或技巧可以在一個地方進行管理嗎？ （沒有javascript，css表達式也可以）

PS。 我在開發環境中需要此功能，因為我在生產時將輪廓保留為默認設置以幫助盲人用戶。 不過，他們讓我很煩。

Answer 1

你可以試試

*{
outline: none !important;
}

並將其添加到bootstrap.css文件之后，以使其覆蓋。