CSS우선순위 설정

CSS우선순위 설정

QA

CSS우선순위 설정

본문

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

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

이 질문에 댓글 쓰기 :

답변 4

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

 

그리고 지정이 안되면  

 

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


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

CSS specificity

 

인라인스타일 : 1000

아이디 : 100

클래스 : 10

가상요소 : 10

요소 : 1

 

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

 

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

 

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

 

 

 

답변을 작성하시기 전에 로그인 해주세요.
전체 3

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT