웹 프로그래밍 css (6) 캐스케이딩

🎯오늘의 목표🎯

케스케이딩은 스타일 규칙들이 어떠한 기준으로 요소에 적용되는지를 정한 규칙이다.
모든 스타일 규칙들은 캐스캐이딩의 단계적인 규칙에 따라 요소에 적용된다.

📕 캐스캐이딩(계단식)

구체성이 같은 두 규칙이 동일한 요소에 적용된다면?

📒css
h1 { color: red; }
h1 { color: blue; }

👉 캐스캐이딩의 단계적인 규칙에 따라 동작한다.

📖캐스캐이딩 규칙

📒 중요도 & 출처

• 중요도: !important
• 출처 : 제작자, 사용자, 사용자 에이전트(브라우저에 내장된 css)

<우선순위>
1. 사용자 !important
2. 제작자 !important
3. 제작자 스타일(사이트 제작자가 만든 css): 대부분의 css규칙들
4. 사용자 스타일(사용빈도 낮음)
5. 사용자 에이전트

📒 구체성

• 구체성에 높은

📒 선언순서

• 구체성이 같은 경우 나중에 선언된 css

👏오늘의 배운 점👏

실제 코딩에서 얼만큼 쓰이는지 알아봐야할 것 같다. 
css를 만들다보면 마음대로 안될때가 있을 텐데 그 때 이 부분을 체크해야겠다.