QnA

Home

관리자2022.09.08 17:11

4번의 div p { ... }에서 div p는 div의 자식을 포함한 자손들을 모두 뜻합니다.
그러므로 자식도 포함됩니다. 그래서 맞는 표현입니다.
다음 코드를 실행해보면 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>

▼

LOGIN