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

 

<style>

* {color:red;}

</style>

<h1>홈짱닷컴</h1>

<p>Homzzang.com</p>

<div>

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

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

</div>

 

결과보기

모든 요소 선택.

 

---

 

1.

• 특정요소의 자식이나 자손으로 사용 시, 해당 요소의 모든 자손 선택. (예제1 = 예제2) 결과동일
• 이 선택자에 font-family 속성 적용 시 아이콘 엑박 될 수 있으니 주의. (∵ 블럭요소(예: <p>, <div>), 인라인요소(예: <a>, <span>), 아이콘요소 (예: <i>) 등 모든 요소에 대해서 영향 미치기 때문) 따라서, :not() 선택자 이용해서 적용 제외 대상 지정해줘야 함. (예) *:not(i) {font-family: ~~}

2.

• IE7 이상 모든 브라우저 지원.
• MDN * 선택자 예제보기 - https://developer.mozilla.org/en-US/docs/Web/CSS/Universal_selectors