[css] 전체 선택자

CSS 전체 선택자는 모든 HTML 요소를 선택할 때 사용됩니다. 이를 사용하면 페이지 내의 모든 요소에 스타일을 적용할 수 있습니다.

사용 방법

전체 선택자는 * 기호로 표시됩니다. 다음은 예시입니다.

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

위 예시는 페이지 내의 모든 요소에 대해 마진, 패딩, 상자 모델을 설정합니다.

주의 사항

전체 선택자를 사용할 때 주의해야 합니다. 모든 요소에 스타일을 적용하므로 성능에 영향을 미칠 수 있습니다. 가능한 한 지정된 요소에만 스타일을 적용하는 것이 좋습니다.

요약

전체 선택자는 모든 HTML 요소에 스타일을 적용할 때 사용되는 CSS 선택자입니다. 사용 시에는 주의를 기울여야 하며, 최소한으로 사용하는 것이 좋습니다.

참고: MDN Web Docs - Universal selector