css 속성 선택자

 

HTML 요소는 다양한 속성을 가질 수 있습니다. 특정 속성을 가진 요소 또는 특정 속성이 특정 값을 가진

요소를 선택할 수 있는데, 이러한 선택자를 속성 선택자(Attribute Selector)라고 합니다.

 

 

복잡한 선택자이지만, HTML 파일은 수정할 수 없고

 CSS 코팅만 할 수 있는 경우에 상당히 유용합니다.

 

 

속성 선택자는 다음과 같이 7가지 조건문을 사용할 수 있습니다.

 

 

  1. [attribute]
  2. [attribute="value"]
  3. [attribute~="value"]
  4. [attribute|="value"]
  5. [attribute^="value"]
  6. [attribute$="value"]
  7. [attribute*="value"]

 

- 속성 선택자 사용법 바로가기 -

 

(css) 선택자 :[attribute]

(css) 선택자 :[attribute="value"]

(css) 선택자 :[attribute~="value"]

(css) 선택자 :[attribute|="value"]

(css) 선택자 :[attribute^="value"]

(css) 선택자 :[attribute$="value"]

(css) 선택자 :[attribute*="value"]

 

댓글을 달아 주세요

Posted by 발 빠른 너구리 Fast-Racoon

▲ TOP ▲