전체 선택자
Coddy의 CSS 선택자 코스 레슨 — 15개 중 6번째.
전체 선택자(universal selector)는 웹 페이지의 모든 요소를 선택하는 특별한 유형의 CSS 선택자입니다. 별표(*)로 표시됩니다.
예를 들어, * 선택자는 페이지의 모든 요소를 선택합니다.
다음은 전체 선택자를 사용하여 웹 페이지의 스타일을 지정하는 예시입니다:
* {
color: red;
font-size: 2em;
}이 CSS 규칙은 페이지의 모든 요소의 색상을 빨간색으로, 글꼴 크기를 2em으로 지정합니다.
전체 선택자는 언제 사용하나요?
전체 선택자는 웹 페이지의 모든 요소에 스타일을 적용하고 싶을 때 사용할 수 있습니다. 예를 들어, 전체 선택자를 사용하여 페이지의 모든 요소의 글꼴 크기를 16px로 설정할 수 있습니다.
전체 선택자는 다른 선택자가 지정되지 않은 요소의 스타일을 지정하는 데에도 사용할 수 있습니다. 예를 들어, 많은 div 요소가 있는 웹 페이지에서 어떤 요소에도 클래스나 ID 속성을 부여하지 않은 경우, 전체 선택자를 사용하여 모든 div 요소의 스타일을 지정할 수 있습니다.
챌린지
쉬움- 두 개의
div요소를 포함하는 웹 페이지를 만드세요. div요소에 어떠한 class나 ID 속성도 부여하지 마세요.- 전체 선택자를 사용하여 모든
div요소의 색상을 red로, 글꼴 크기를 80px로 스타일을 지정하세요.
직접 해보기
<html>
<head>
<title>Universal Selector Exercise</title>
<style>
/* CSS Code goes here */
</style>
</head>
<body>
</body>
</html>