sass를 사용하여 부트 스트랩 패널 색상 변경

Question

저는 트위터 부트 스트랩과 sass를 모두 사용하는 데 매우 익숙합니다. rails 응용 프로그램에서 .sass 파일을 사용하여 부트 스트랩에서 패널 헤더의 배경색을 수정하려고합니다. 내가 문제가있는 경우 궁금하네요 색상을

.panel-default 
    .panel-heading 
    background-color: #fdf1d8 

을 변경 내 말대꾸 파일에 노력하고있어

.panel-default > .panel-heading { 
    color: #333333; 
    background-color: #f5f5f5; 
    border-color: #ddd; 

및 다음과 같습니다

이

는 요소 검사에 따른 부트 스트랩 CSS입니다 부트 스트랩 CSS에서 사용되는 셀렉터와 관련이 있습니까? 나는 그것이 어떻게 들쭉날쭉 한 쉰 소리로 바뀌는지를 모른다. 제안?

Answer 1

다음 뱉어 뭐 : 당신은 너무 그것을 사용한다, 그래서

.panel-default .panel heading { 
    background-color: #fdf1d8; 
} 

>은 매우 구체적이다 :

.panel-default > .panel-heading { 
    background-color: #fdf1d8` 
}