• Q&A
  • 회원가입
  • 로그인

[selector] CSS - * 전체선택자 - 모든 요소 선택. (요소선택자군) ※ 아스테리크 (asterisk) 선택자 = 별모양 선택자

목차
  1. * 선택자 예제 - 모든 요소 선택
  2. * 선택자 정의
  3. * 선택자 예제 - div의 모든 자식요소
  4. * 선택자 예제 - div의 모든 자손요소

 

* 선택자 예제 - 모든 요소 선택

 
<style>
* {color:red;}
</style>

<h1>홈짱닷컴</h1>
<p>Homzzang.com</p>
<div>
  <p>홈페이지 제작관리 <span>Since 2012</span></p>
  <span>서버관리 + 코딩교육</span>
</div>
 
 

* 선택자 정의


모든 요소 선택.

 


 
1.
특정 요소의 자식이나 자손으로 사용 시, 해당 요소의 모든 자손 선택.
(예제1 = 예제2) 결과동일

2.
모든 브라우저 지원.
 
 

* 선택자 예제 - 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>

 

결과보기


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012