목차
* 선택자 예제 - 모든 요소 선택 * 선택자 정의 * 선택자 예제 - div의 모든 자식요소 * 선택자 예제 - div의 모든 자손요소
* 선택자 예제 - 모든 요소 선택
<style>
* {color:red;}
</style>
<h1>홈짱닷컴</h1>
<p>Homzzang.com</p>
<div>
<p>홈페이지 제작관리 <span>Since 2012</span> </p>
<span>서버관리 + 코딩교육</span>
</div>
* 선택자 정의
모든 요소 선택.
1.
특정요소의 자식이나 자손으로 사용 시, 해당 요소의 모든 자손 선택. (예제1 = 예제2) 결과동일 이 선택자 적용할 땐 각별히 주의 . (∵ 블럭요소(예: <p>, <div>), 인라인요소(예: <a>, <span>), 아이콘요소 (예: <i>)에 대해서 모두 적용되는 관계로, 자칫 아이콘이 엑박 될 수도 있음 .)
* 선택자 예제 - div의 모든 자식요소
<style>
div > * {color:red;}
</style>
<h1>홈짱닷컴</h1>
<p>Homzzang.com</p>
<div>
<p>홈페이지 제작관리 <span>Since 2012</span> </p>
<span>서버관리 + 코딩교육</span>
</div>
결과보기
* 선택자 예제 - div의 모든 자손요소
<style>
div * {color:red;}
</style>
<h1>홈짱닷컴</h1>
<p>Homzzang.com</p>
<div>
<p>홈페이지 제작관리 <span>Since 2012</span></p>
<span>서버관리 + 코딩교육</span>
</div>
결과보기
