ID가

Question

인 요소에 대한 Foundation sass override 특성

Foundation 및 Sass를 사용하여 특정 ID가있는 요소의 속성을 재정의하려면 어떻게합니까?

은 내가 <section id='myid'>이이에 대한 몇 가지 속성을 대체하려면 :

#myid { 
    background: blue; 
    color: white; 
} 

나는 CSS 파일에 넣고 경우, 또는 app.scss에 적용되지 않습니다 파일. 컴파일 된 파일에 있지만 기본 설정이 여전히 우선합니다.

이 설정을 어떻게 강제로 최고 우선 순위로 설정할 수 있습니까?

Answer 1

CSS의 "특수성"을 고려해야하지만 일반적으로 #id가 우선하지만 실제로는 처음에 선언 된 규칙에 따라 달라집니다. 저는 재단의 전문가는 아니지만 CSS 트릭에 대한 주제에 대해 자세히 알아볼 수 있습니다 : http://css-tricks.com/specifics-on-css-specificity/

신속한 해결책은 속성에 !important 플래그를 사용하는 것일 수 있지만 최후의 수단으로 :

#myid { 
    background: blue !important; 
    color: white !important; 
}