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

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

2,154  
CSS 전체 선택자 (*) : CSS2 (모든 주요 브라우저에서 지원)
 
* 선택자 예제
 
<style>
* {color:red;}
</style>

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

모든 요소 선택.

 


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

2.
모든 브라우저 지원.
 

 
* 선택자 예제1 - 자식 이하 모두

 

<style>

div > * {color:red;}

</style>


<h1>홈짱닷컴</h1>

<p>Homzzang.com</p>

<div>

  <p>홈페이지 제작관리 <span>Since 2012</span></p>

  <span>서버관리 + 코딩교육</span>

</div>

 

결과보기

 
 
* 선택자 예제2 - 자손 모두

 

<style>

div * {color:red;}

</style>


<h1>홈짱닷컴</h1>

<p>Homzzang.com</p>

<div>

  <p>홈페이지 제작관리 <span>Since 2012</span></p>

  <span>서버관리 + 코딩교육</span>

</div>

 

결과보기



이름
비밀번호
자동등록방지

방문자 수

오늘 565
어제 885
최대 2,271
전체 865,904
Since 2012