CSS Cascading - style 적용의 우선순위
·
HTML & CSS
CSS 적용 우선순위의 기본 개념CSS는 여러 스타일의 규칙이 동일한 요소에 적용될 때 Cascading (폭포수 효과) 원리를 통해 어떤 스타일이 적용될지 결정합니다. 이를 통해 예측 가능한 동작과 효율적인 스타일 관리가 가능합니다. 가장 간단한 예시를 몇 가지 보겠습니다.하나의 요소 `텍스트 내용`에 두 가지 스타일을 적용하려고 합니다. 그리고 결과는 늦게 선언된 `color: red`가 적용되죠.See the Pen css-cascading-01 by Hansaem Jeong (@Hansaem-Jeong) on CodePen. 또 다른 경우도 있습니다. `p` 태그를 `div`로 감싸고 `id`와 `class` 속성을 추가합니다. 그리고 세 가지의 스타일을 적용하려고 합니다. 결과는 가장 먼저 선..