[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 적용 우선순위