CSS [attribute~=value] 선택자

정의 및 사용법

CSS [attribute~=value] 선택자는 특정 단어를 포함한 속성 값을 선택하는 데 사용됩니다.

아래의 예제는 title="flower"、title="summer flower" 및 title="flower new"의 요소를 일치시키지만 title="my-flower" 또는 title="flowers"의 요소는 일치시키지 않습니다.

title 속성이 "flower" 단어를 포함한 모든 요소의 스타일을 선택하고 설정합니다:

[title~="flower"] {
  border: 5px solid green;
}

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

버전:	CSS2

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

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