CSS(Cascading Style Sheet)의 주요 특징은 캐스케이딩과 상속
캐스케이딩(cascading) : 하나의 태그에 적용되는 스타일 규칙이 여러 개일 때 우선순위에 따라 스타일이 적용되는 원칙
캐스케이딩에 따라 우선순위를 판별할 때 사용하는 원리는 중요도, 명시성, 작성 순서 !
중요도
css 속성 마지막에 !important 키워드를 붙이면 해당 CSS 속성은 캐스케이딩 원칙에서 가장 높은 우선순위를 가진다
명시성
선택자(selector)가 얼마나 구체적인지를 나타내는 값
CSS 내부적으로 선택자에 따른 명시성 값이 정해져있는데 다음과 같다
인라인 선택자 : 1000
아이디 선택자 : 100
클래스 선택자, 가상 클래스 선택자, 속성 선택자 : 10
요소 선택자, 가상 요소 선택자: 1
작성 순서
가장 늦게 작성된 CSS 속성일수록 우선순위가 더 높다
부모 요소에 적용된 속성이 자식 요소에 자동으로 적용되는 현상
일반적으로 텍스트와 관련된 속성(글꼴, 크기, 색상)이 상속되고 박스 모델과 관련된 속성(너비, 높이, 여백, 마진)은 상속되지 않는다
출처 : [도서] 아는만큼 보이는 프런트엔드 개발