HTML - 문제 미리보기

문제 854

hard
다음 코드에서 스타일 적용 우선순위가 가장 높은 요소는? ```html

이 텍스트는 초록색과 빨간색입니다.

``` `` 요소의 최종 스타일은?
A. 배경색: 노란색, 글자색: 빨간색, 크기: 20px
B. 배경색: 파란색, 글자색: 초록색, 크기: 20px
C. 배경색: 투명, 글자색: 초록색, 크기: 20px
D. 배경색: 노란색, 글자색: 초록색, 크기: 기본크기

정답: C

CSS에서는 더 구체적이고 가까운 요소의 스타일이 우선순위가 높습니다. 각 속성별 분석: 배경색(background-color): • ``: yellow • `
`: blue • ``: 지정되지 않음 → 투명(기본값) 글자색(color): • `

`: red • ``: green → green 적용 (직접 지정된 스타일이 상속된 스타일보다 우선) 글자크기(font-size): • `

`: 20px • ``: 지정되지 않음 → 부모로부터 상속받아 20px 따라서 `` 요소는 배경색이 투명하고, 글자색은 초록색, 크기는 부모에서 상속받은 20px가 됩니다. 하지만 문제에서는 크기에 대한 명시적 언급이 없으므로 가장 정확한 답은 3번입니다.

💡 학습 팁

이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.