- [ Frontend/CSS ][CSS] CSS의 Cascading [4/29 study]2024-04-29 23:10:10CSS의 Cascading Cascading이란?최종적으로 적용할 CSS 속성들을 결정할 때, 계단식 폭포처럼 CSS 규칙을 순서에 따라 합쳐서 적용하는 걸 말합니다. 우선순위가 높은 규칙일수록 우선적으로 속성을 적용합니다. 규칙선택자마다 명시도 점수가 있고 명시도를 고려한 우선 적용되는 순서는 아래와 같습니다. - !important (명시도와 무관하지만, 명시도에 직접 영향을 미침, 다른 선언보다 우선함) - 인라인 스타일 정의 (인라인 스타일은 항상 외부 스타일시트의 모든 스타일을 덮어쓰기때문에 가장 높은 명시도를 갖는다고 생각할 수 있음)- 명시도 - 아이디 선택자 - 클래스 선택자, 속성 선택자, 가상(pseudo)클래스 선택자 - 태그 선택자, 가상(psuedo)..
- [ Frontend/CSS ][CSS] 캐스케이딩 (Cascading) 이란? [3/10 Study]2024-03-10 18:31:55Cascading 소개 : 스타일 규칙 및 선언이 어떻게 적용되는지에 대한 규칙 및 우선 순위가 결정되어야 합니다. 이를 캐스케이딩 이라고 하는데, 다양한 스타일 규칙이 충돌하는 상황에서 어떤 스타일이 최종적으로 적용되는지 결정합니다.CSS의 정식 명칭은 Cascading Style Sheets 라는 이름에서 볼 수 있듯이 Cascading은 CSS의 핵심이라고 할 수 있습니다.캐스케이딩은 다음의 3가지에 의해 결정됩니다.중요도(Importance) - !important로 선언된 스타일 규칙은 다른 모든 규칙보다 우선순위가 높습니다.명시도(Specificity) - 구체적인(특정한) 선택자가 높은 우선순위를 갖습니다. 예를 들어, ID 선택자가 클래스 선택자보다 높은 우선순위를 갖습니다.소스 순서(So..