본문 바로가기

프로그래밍 공부/CSS3

CSS3 - 전체 선택자

HTML 문서 안에 있는 모든 태그를 선택할 때는 전체 선택자를 사용합니다.

선택자 형태 설명
* HTML 페이지 내부의 모든 태그를 선택합니다.

전체 선택자로 작성후 코드를 실행하면 아래 예시1의 결과를 알 수 있습니다.

예시1

일반적으로 전체 선택자를 사용하면 body 태그 내부에 있는 요소에만 스타일 속성이 적용되는 것처럼 보이지만 전체 선택자를 사용하면 html 태그를 포함해 head 태그, title 태그, style 태그까지 선택이 됩니다. 아래 예시2는 jQuery를 사용해 전체 선택자로 선택된 모든 태그에 스타일을 적용하는 코드입니다.

 

예시2

html 태그도 전체 선택자의 적용 대상에 포함된다는 것을 꼭 기억해주세요.

'프로그래밍 공부 > CSS3' 카테고리의 다른 글

CSS3 - 속성 선택자  (0) 2019.11.13
CSS3 - 아이디 선택자와 클래스 선택자  (0) 2019.11.13
CSS3 - 태그 선택자  (0) 2019.11.13
CSS3 - 선택자 종류 개요  (0) 2019.11.13
CSS3 - CSS 선택자란?  (0) 2019.11.13