채택완료

CSS우선순위 설정

2017-02-03 (금) 13:34:46 5,305

CSS 파일을 여러개 쓰고 있는데, 동일한 ID값이 있는 경우 어느 CSS파일을 우선할 것인지

지정해 주는 방법이 있을까요? 

답변 4개 / 댓글 1개

채택된 답변
+20 포인트

css 는 후발 주자가 우선권이 됩니다.^^;

그리고 지정이 안되면  

 

선택자 { 속성: 속성값 !important; } 로 강제 적용 시키는 방법도 있습니다.


!important는 위의 모든 순서 무시하고, 선언한 속성에 가장 먼저 우선 순위를 줍니다.

답변에 대한 댓글 1개

네~ 정말 감사합니다.^^

CSS specificity

인라인스타일 : 1000

아이디 : 100

클래스 : 10

가상요소 : 10

요소 : 1

예)body #content .data img:hover →(1+100+10+1+10=122) 

숫자 큰 것이 우선,동점이면 나중에 지정된 스타일이 적용.

!important는 모두 무시하고 최우선

아이디는 페이지내에 하나만 두는 것이 맞습니다.

맨 마지막에 로딩 되는 파일이..........

속성에 !important  넣어서 먼지 적용되게 하는 법 있어요. (예) font:color !important; 

답변을 작성하려면 로그인이 필요합니다.