CSS [attribute|=value] 선택자

정의와 사용법

CSS [attribute|=value] 선택자는 지정된 속성을 가진 요소를 선택하고, 속성 값이 완전히 일치하거나 지정된 값의 후속 문자로 해시(#)를 시작하는 요소를 선택합니다.

주의:값은 반드시 전체 단어여야 하며, lang="en"와 같이 단독으로 사용되거나 lang="en-us"와 같이 해시(#) 뒤에 사용할 수 있습니다.

예제

예제 1

lang 속성 값이 "en" 또는 "en-" 인 요소의 스타일을 선택하고 설정하세요:

[lang|="en"] {
  background-color: yellow;
}

직접 시도해 보세요

예제 2

class 속성 값이 "top" 또는 "top-" 인 요소의 스타일을 선택하고 설정하세요:

[class|="top"] {
  background-color: yellow;
}

직접 시도해 보세요

CSS 문법

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

기술 세부 사항

브라우저 지원

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