캐스케이딩

이로운·2022년 12월 1일
0

가끔 스타일이 안먹을때가 있는데 이때 캐스케이딩을 의심해볼 필요가 있다
즉 스타일이 먹는 우선순위가 있다는것

순서는
요소 선택자 < 클래스 선택자 < id선택자 < 인라인 스타일 < important
하지만 가장 강력한 important는 금기 수준이다
잘못 사용하면 스타일이 다 망가질수도 있으니 지양하자
이건 개인적인 생각이지만 인라인 스타일도 우선 순위가 제일 큰 만큼
정말 중요하게 박아놔야하는 것이 아니면 사용을 줄이는게 낫지 않을까...?

각각의 점수로 계산된다
요소 선택자 : 1점
클래스 선택자 : 10점
id 선택자 : 100점
인라인 스타일 : 1000점이다

예를 들어보면

.header a

.header : 클래스 선택자 10점
a : 요소 선택자 1점
이렇게 계산된다

이왕이면 캐스케이딩 규칙을 잘 지켜서 인라인 스타일에 효과를 주지 않는 방향으로 하자

인라인 스타일을 쓰면 유지보수하는데 정말 어려워진다
이고잉 아저씨가 항상 하는 말씀이 있지..

코드가 1억개라면...

profile
이름 값 하는 개발자가 꿈인 사람

0개의 댓글