CSS우선순위 설정

동물원

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

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

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

그누보드5 css css우선순위 css충돌

채택된 답변

+20 포인트

재아

2017-02-03 (금) 14:03:12

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

그리고 지정이 안되면

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

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

동물원

2017-02-03 (금) 16:13:25

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

allisxen

2017-02-03 (금) 14:33:44

CSS specificity

인라인스타일 : 1000

아이디 : 100

클래스 : 10

가상요소 : 10

요소 : 1

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

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

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

웹학교

2017-02-03 (금) 14:16:28

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

sinbi

2017-02-03 (금) 14:02:04

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

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

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