CSS - 문제 미리보기
문제 1339
easy
다음 코드에서 빈칸에 들어갈 올바른 속성은?
```css
h2::before {
_____: section;
content: "Section " counter(section) ": ";
}
```
정답: C
• `counter-increment` 속성은 카운터 값을 증가시키는 역할을 합니다
• 카운터 증가의 작동 원리:
• 지정된 카운터의 값을 1씩 증가시킵니다
• 기본 증가량은 1이지만 다른 값도 설정 가능합니다
• 각 요소가 나타날 때마다 자동으로 실행됩니다
• 실제 동작 과정:
1. 첫 번째 ``: section = 1
2. 두 번째 `
`: section = 1
2. 두 번째 ``: section = 2
3. 세 번째 ``: section = 3
• 증가량 조절 예시:
```css
counter-increment: section 2; /* 2씩 증가 */
counter-increment: section -1; /* 1씩 감소 */
```
• `::before` 가상 요소와 함께:
• 실제 콘텐츠 앞에 자동으로 번호 삽입
• 목차, 섹션 번호, 단계별 안내 등에 활용
`: section = 3 • 증가량 조절 예시: ```css counter-increment: section 2; /* 2씩 증가 */ counter-increment: section -1; /* 1씩 감소 */ ``` • `::before` 가상 요소와 함께: • 실제 콘텐츠 앞에 자동으로 번호 삽입 • 목차, 섹션 번호, 단계별 안내 등에 활용
💡 학습 팁
이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.