교재 206p 이론 문제 9번 질문드립니다.
<body class="all">
<div><p id="first">Good <span>morning</span></p></div>
</body>
1. body.all { color : blue; }
2. #first { color : blue; }
3. div > span { color : blue; }
4. div p { color : blue; }
보기 3, 4번 둘 다 틀린 것 아닌가요?
span은 div의 자손이고, p는 div의 자식이라 3, 4번 모두 골라야 할 것 같은데
홀수 정답지에는 3번만 정답으로 되어있어 궁금합니다.
그러므로 자식도 포함됩니다. 그래서 맞는 표현입니다.
다음 코드를 실행해보면 Good morning가 파란색으로 출력됩니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>스타일 없는 웹 페이지</title>
<style>
/* body.all { color : blue; }
#first { color : blue; }
div > span { color : blue; } */
div p { color : blue; }
</style>
</head>
<body class="all">
<div><p id="first">Good <span>morning</span></p></div>
</body>
</html>