1. 개요

- 하나의 엘리먼트 태그에 적용되는 css 속성이 여럿일 경우, 이들 중 우선순위가 가장 높은 속성이 그 엘리먼트에 우선적으로 적용된다.

2. 우선순위

1) !important

- css 속성 뒤에 !important를 쓰면 다른 속성이 있더라도 그 속성이 최우선으로 적용된다.

2) HTML 문서 내 태그 안 style 속성에 직접 정의한 속성(inline style attribute)

- 예를 들어 <p style=’‘>과 같이 태그 안 style 속성에 직접 정의한 속성이 있다면, .<style></style> 태그 안에 정의한 속성 또는 .css 파일로 정의한 속성이 있다 하더라도 inline으로 정의한 속성이 더 우선적으로 적용된다.

3) id

- id는 .css 파일 내에서 ‘#id’의 형식으로 표현된다. id로 정의된 속성들은 클래스, 태그명으로 정의된 속성보다 우선적으로 적용된다.

4) 클래스

- 클래스는 .css 파일 내에서 ‘.class’의 형식으로 표현된다. 클래스로 정의된 속성들은 태그명으로 정의된 속성보다 우선적으로 적용된다.

5) 태그명

- 태그명은 .css 파일 내에서 ‘태그명’의 형식으로 표현된다. 태그명으로 정의된 속성들은 id, 클래스로 정의된 속성보다 더 낮은 우선순위로 적용된다.