본문 바로가기

개발자노트/웹

Html에서 선택자 ( 자식선택자 )

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>자식선택자</title>
<style>
	div > p {   /* div 하위 태그에서만 적용됨 ( 자식 선택자 ) */
		color: blue;
	}
	div, li {	 /* 그룹선택자 */
		border: 5px solid lightpink;
	}
	

</style>

</head>
<body>

<p>사과</p>

<div>
	<p>바나나</p>
	<ul>
		<li><p>키위</p></li>
		<li><p>포도</p></li>
		<li><p>복숭아</p></li>
	</ul>
</div>


</body>
</html>