CSS 강좌 | 선택자 > 아이디 선택자(ID Selector)

아이디 선택자

아이디 선택자(ID Selector)는 특정 값을 id 속성(attribute)의 값으로 갖는 요소(element)를 선택합니다. 속성값 앞에 #을 붙여 아이디임을 나타냅니다. 예를 들어

#abc {
  color: red;
}

id 속성값으로 abc를 갖는 요소를 빨간색으로 만듭니다.

예제

id 값으로 abc를 갖는 요소를 빨간색으로 만드는 예제입니다.

<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>CSS</title>
    <style>
      #abc {
        color: red;
      }
    </style>
  </head>
  <body>
    <p id="abc">Phasellus lacinia tempus mauris eu laoreet. Proin gravida velit dictum dui consequat malesuada.</p>
    <p>Mauris id odio pretium, sollicitudin sapien eget, adipiscing risus.</p>
  </body>
</html>

Category

Created on 2015-04-24 15:57 | Updated on 2017-02-06 11:12

이 글을 공유하기

Kakao