우선순위

유호익·2020년 11월 23일
0

css

목록 보기
7/11
우선순위 결정
같은 요소가 여러 선언의 대상이 될 경우 
어떤 선언의 css속성(property)을 우선 적용할지 결정하는 방법

1.명시도 점수가 높은 선언이 우선(명시도)
2.점수가 같은 경우 가장 마지막에 해석되는 선언이 우선(선언순서)
3.명시도는 상속규칙보다 우선(중요도)
4.!important가 적용된 선언 방식이 다른 모든 방식보다 우선(중요도)


1)가장 중요(!important)
모든 선언을 무시하고 가장 우선
점수: 무한pt

2)인라인 선언 방식(style attribute)
인라인 선언(html style 속성을 사용)
점수:1000pt

3)아이디(id selector)
아이디선택자
점수:100pt

4)클래스(class selector)
클래스 선택자
점수:10pt

5)태그(type selector)
태그 선택자
점수:1pt

6)전체(universal selector)
전체 선택자
점수:0pt

7)상속(css inheritance)
상속 받은 속성은 항상 우선하지 않음
점수:계산하지 않음
profile
There's more to do than can ever be done

0개의 댓글