5.1.6 문자열 속성 선택자
문자열 속성 선택자는 태그가 가진 속성값이 특정한 문자열과 일치하는 요소를 선택자로 지정하는 방법입니다. 기본 원리는 기본 속성 선택자와 비슷하지만 선택 방법이 조금 다릅니다. 다만, 기본 속성 선택자와 다르게 많이 사용되지 않아서 이 책에서는 자세히 언급하지 않습니다. 다음 표를 참고해서 이런 문자열 속성 선택자가 있다는 것만 가볍게 보고 넘어가 주세요.
TIP | 문자열 속성 선택자는 MDN 사이트(https://developer.mozilla.org/ko/docs/Web/CSS/Attribute_selectors)에서 자세한 정보를 확인할 수 있습니다.
표 5-1 문자열 속성 선택자 형식
|
형식 |
설명 |
|
[속성~=문자열] |
속성값에 문자열이 포함되어 있으면 선택합니다(단어 기준). |
|
[속성|=문자열] |
속성값이 문자열과 같거나 문자열-(하이픈)으로 시작하면 선택합니다. |
|
[속성^=문자열] |
속성값이 문자열로 시작하면 선택합니다. |
|
[속성$=문자열] |
속성값이 문자열로 끝나면 선택합니다. |
|
[속성*=문자열] |
속성값에 문자열이 포함되면 선택합니다(전체 값 기준). |