CSS 강좌 | 선택자 > 전체 선택자(Universal Selector)

전체 선택자

전체 선택자(Universal Selector)는 모든 HTML 요소를 선택합니다. 별표(*)로 나타냅니다.

예를 들어

* {
  color: blue;
}

는 모든 요소의 색을 파란색으로 만듭니다.

다른 선택자와 같이 사용할 때는 생략할 수 있습니다. 즉,

*.abc { color: blue; }
.abc { color: blue; }

는 같은 결과를 만듭니다.

예제

모든 요소의 글자 모양을 기울임꼴로 만드는 예제입니다.

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>CSS</title>
    <style>
      * {
        font-style: italic;
      }
    </style>
  </head>
  <body>
    <h1>Lorem</h1>
    <p>Ipsum</p>
    <ul>
      <li>Dolor</li>
      <li>Amet</li>
    </ul>
  </body>
</html>

Category

Created on 2016-12-16 02:47 | Updated on 2017-02-06 11:10

이 글을 공유하기

Kakao

Book navigation