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는 모두 무시하고 최우선
맨 마지막에 로딩 되는 파일이..........
속성에 !important 넣어서 먼지 적용되게 하는 법 있어요. (예) font:color !important;
답변을 작성하시기 전에 로그인 해주세요.