배경색이 표시되지 않는 이유는 무엇입니까?

Question

나는이 CSS있어 :

.backgroundcolorLightSkyBlue { 
    background-color: lightskyblue; 
} 

를 기존 부트 스트랩 클래스와 함께, 그것은이 방법을 사용하는 것을 시도하고있다 :

<div class="jumbotron backgroundcolorLightSkyBlue" > 

그러나 사업부의 배경 색상이 변경되지 않습니다. 은 "대형 기기"클래스는 배경색을 정의해야했다,하지만 난 그것을 주석, 여전히 변화 ...

Answer 1

!important을 사용하지 않는 것이 좋습니다. 스타일이 적용되지 않는 이유를 디버그하십시오. 보다 구체적인 선택기를 사용하십시오. 예 :! 그들이 절대적으로 다른 모든 도로가 소진 된 후 필요하지 않는

#someParentDiv .jumbotron.backgroundcolorLightSkyBlue { 
    background-color: lightskyblue; 
} 

중요한 선언은 사용할 수 없습니다. !을 게으르지 않게 사용하거나 적절한 디버깅을하지 않거나 프로젝트를 완료하기 위해 서둘러 사용하면 학대당하는 것이므로 프로젝트를 상속하는 사람 (또는 )이 그 결과를 겪게됩니다.

더 읽기 : When Should !important Be Used?

Answer 2

어쩌면 다른 스타일이 하나를 오버라이드 (override)를 살펴

.backgroundcolorLightSkyBlue { 
    background-color: lightskyblue !important; 
} 

을 시도하지 귀하 '불을 지르고 또는 유사한 도구를 사용하여 요소는

그래, 나는 중요한

을 권장하지 않습니다! 알고 있지만, 그들은 당신의 DOM 구조 에 대해 알고하지 않기 때문에 많은 플러그인, 자신의 CSS에서이 트릭을 사용하고 그들은 같으면 do do like :

#parentDiv .backgroundcolorLightSkyBlue