我可以在单个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文件之后，以使其覆盖。