[attribute="value"]

 

[attribute="value"]는 속성이 특정 값을 가진 요소를 선택합니다.

하나의 단어로 정확히 일치해야 하고, 속성은 그 값 하나만 가지고 있어야 합니다.

title 속성의 값이 asd인 p 요소를 선택하려면 다음과 같이 합니다.

p[title="asd"]


다음을 이용한 예제

	<!doctype html>
<html lang="ko">
  <head>
    <meta charset="utf-8">
    <title>CSS | Attribute Selector</title>
    <style>
      p[title="asd"] {color: red;}
    </style>
  </head>
  <body>
    <p title="asd">Lorem ipsum dolor sit amet.</p>
    <p title="asd zxc">Aenean nec mollis nulla.</p>
    <p title="asdz">Phasellus lacinia tempus mauris eu laoreet.</p>
    <p>Proin gravida velit dictum dui consequat.</p>
  </body>
</html>

두번째 문장은 asd를 속성값으로 갖지만 zxc라는 값도 가지고 있기 때문에 선택되지 않습니다.

세번째 문장은 asd라는 문자열은 있지만 하나의 단어가 아니므로 선택되지 않습니다.

댓글을 달아 주세요

Posted by 발 빠른 너구리 Fast-Racoon

▲ TOP ▲