<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
p>i{color : blue ; font-size : 15pt;}
<!-- p 의 자식인 i 에게 css 적용 -->
p i{color : red ; }
span{font-size:20pt;}
p+span{color:orange;}
<!--p와 인접한 span 태그 인접선택자 단,같은 문장이 아닌 다른 문장에서의 가까운 태그를 말함. -->
</style>
</head>
<body>
<div>
<h1>문장 구조 선택자 활용 및 관찰
</h1>
</div>
<p>이 문장을 통해<i>이중 태그</i>로 선택자를 사용하는 방법을 확인한다</p>
<p>이 문장을 <span>통해</span><i>이중태그</i>로 선택자를 사용</span>하는방법을 확인한다</p>
<span>이 문장을 통해 이중 태그로 선택자를 사용하는 방법을 확인한다.</span>
</body>
</html>