html - 単一の css セレクターでブートストラップのデフォルトをオーバーライドできますか?

Question

Firefox で削除したいのですがoutlines、私よりも深く指摘さstyle.cssれbootstrap3.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 にこのような機能があるので、それらを 1 か所から管理できますか?

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

それらを 1 か所で管理するためのハックやコツはありますか? (javascript なし、css 式は問題ありません)

Ps。目の不自由なユーザーを支援するために、本番環境でアウトラインをデフォルトとして保持しているため、開発環境でこれが必要です。しかし、彼らは私にとって迷惑です。