아래 ＜보기＞의 CSS 정의에 대한 다음 설명 중 옳지 않은 것은?&l… | [전자상거래운용사 필기] 05년 2회차 기출문제 상세 페이지
1[전자상거래운용사 필기] 05년 2회차
아래 ＜보기＞의 CSS 정의에 대한 다음 설명 중 옳지 않은 것은?
<style type="text/css"> <!-- BODY, FONT { font-size : 9pt; font-family : 굴림;} H2 B { font-size : 11pt; color : blue;} TD { font-size : 8pt; color : red; } --> </style>
1
본문의 내용은 굴림 폰트, 9pt 크기로 나타난다.
2
FONT 태그가 적용된 내용은 굴림 폰트, 9pt 크기로 나타난다.
3
＜H2＞태그 또는 ＜B＞ 태그가 적용된 내용은 blue색으로 나타난다.
4
테이블내에 TD태그의 내용은 8pt 크기, red색으로 나타난다.
해설
선택자 H2 B는 "H2 또는 B"가 아니라 H2 안에 들어 있는 B에만 적용되는 하위(후손) 선택자이므로, H2 태그 또는 B 태그가 각각 blue로 나타난다는 설명은 옳지 않다.
CSS에서 선택자를 쉼표(,)로 나열하면 "또는"의 뜻이 되어 각각에 같은 규칙이 적용되지만, 공백으로 나열하면 앞 요소의 후손인 뒤 요소에만 적용된다. 보기에는 H2와 B 사이에 쉼표가 없으므로
…
형태일 때만 11pt·blue가 된다.
- BODY와 FONT는 쉼표로 묶여 있어 본문과 <FONT>가 적용된 부분 모두 굴림 9pt로 나타난다.
- TD에 별도 규칙이 지정되어 있으므로 테이블 셀 안의 내용은 8pt·red로 나타난다.
내용에 오류가 있거나 최신 법령·기준과 다른 부분이 보이면 알려주세요. 확인 후 반영하겠습니다.