CSS3 [attribute$=value] 선택자

정의와 사용법

CSS [attribute$=value] 선택자는 지정된 값으로 끝나는 속성 값을 가진 각 요소를 매칭합니다.

예제

예제 1

class 속성 값이 "test"로 끝나는 모든 <div> 요소에 스타일을 설정합니다:

div[class$="test"] {
  background: salmon;
}

직접 테스트해 보세요

예제 2

class 속성 값이 "test"로 끝나는 모든 요소에 스타일을 설정합니다:

[class$="test"] {
  background: salmon;
}

직접 테스트해 보세요

CSS 문법

[attribute $= value] {
  css 선언;
}

기술 세부 사항

버전: CSS3

브라우저 지원

표에서의 숫자는 이 선택자를 최초로 지원한 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
4.0 7.0 3.5 3.2 9.6

관련 페이지

CSS 강의:CSS 속성 선택자

CSS 강의:CSS 속성 선택자 상세 설명