[CSS] CSS 적용 우선순위

스타일을 적용하는 데에는 다양한 방법이 있으며 동시에 여러 가지 방법을 사용할 수도 있기 때문에 Element에 적용되는 스타일이 충돌할 수도 있다. 따라서 스타일 적용에 대한 우선순위 규칙을 알아 둘 필요가 있다.

CSS 적용의 우선순위는 아래와 같다(1이 높은 우선순위, 6이 낮은 우선순위). 1. !impoartant : 속성 값 뒤에 !

important를 붙인 속성 2. Inline style attribute : HTML에서 style을 직접 지정한 속성 3.

ID 선택자(#id)로 지정한 속성 4. Class 선택자(.class), pseudo class(가상 클래스, ex.

:first-child) 5. Tag Element : tag 이름으로 지정한 속성 6.

상속된 속성 : 부모 태그의 스타일이 자식 태그의 스타일에 상속되어 적용된 것 그리고 여기에 추가로 몇 가지 우선순위 규칙이 부여된다. 1. 원천 소스 중 사용자 스타일시트가 가장 우선한다.

작성자쪽의 스타일시트...

요청 처리 중입니다...

[CSS] CSS 적용 우선순위

등록된 다른 글