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 속성 선택자 상세 설명