CSS - 문제 미리보기
문제 1043
medium
다음 CSS 코드를 그룹 선택자를 사용해서 간단히 표현하면?
```css
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
color: red;
}
```
정답: B
그룹 선택자는 동일한 스타일을 여러 요소에 적용할 때 코드 중복을 줄이는 방법입니다.
올바른 문법: `선택자1, 선택자2, 선택자3`
• 각 선택자를 **쉼표(,)**로 구분
• 쉼표는 "또는(OR)"의 의미
잘못된 선택지들:
1. `h1 h2 h3`: 후손 선택자 (h1 안의 h2 안의 h3)
2. `h1 + h2 + h3`: 인접 형제 선택자
3. `h1 > h2 > h3`: 자식 선택자
실무 활용:
```css
/* 비효율적 */
h1 { font-family: Arial; }
h2 { font-family: Arial; }
p { font-family: Arial; }
/* 효율적 */
h1, h2, p { font-family: Arial; }
```
그룹 선택자는 CSS 파일 크기를 줄이고 유지보수를 쉽게 만듭니다.
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.