단일 CSS 선택기에서 부트 스트랩의 기본값을 대체 할 수 있습니까?

Question

파이어 폭스에서 outlines을 없애기를 원하지만, 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"> 

예는 아래에 더 깊이 때문에 부트 스트랩 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; 
} 

(및 작동) 문제는, 그때는 부트 스트랩을 우선 너무 깊이 마크 업에 모든 것을 가리 키도록해야합니다. 부트 스트랩의 CSS 대부분을 캡슐화해야합니다.

CSS에 이와 같은 기능이 있나요? 한 곳에서 관리 할 수 ​​있습니까?

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

한 곳에서 관리하기위한 해킹이나 트릭이 있습니까? (아니 자바 스크립트, CSS 표현은 괜찮아요)

Ps. 나는 시각 장애인을 돕기 위해 생산시 윤곽선을 기본값으로 유지하므로 내 개발 환경에이 기능이 필요합니다. 그들은 나를 위해 고민 거리다.

Answer 1

당신은

*{ 
outline: none !important; 
} 

을 시도 할 수 있습니다 그것을 무시합니다 있도록 bootstrap.css 파일 후이를 추가하십시오.