| 속성 선택자 |
설명 |
예시 |
| [속성명] |
속성명인 속성이 있으면 선택 |
img[src] |
| [속성명=값] |
속성이 있고 '값'과 일치하는 속성값이면 선택 |
input[value="val"] |
| [속성명~=값] |
속성이 있고, '값'과 일치하는 속성값이면 선택
속성값은 공백으로 구분한 여러개의 속성값들 중 1개가 될 수 있음
(예 : 클래스 속성값) |
div[class~="item"] |
| [속성명|=값] |
속성이 있고 '값'이 일치하거나 '값' + '-' 속성값으로 시작하면 선택 |
div[class|="header"]
속성이 header 거나
header-로 시작하는 클래스 속성값을 가진 요소 선택 |
| [속성명^=값] |
속성이 있고, '값'으로 시작하는 속성값을 가지고 있으면 선택 |
div[lang^="title"] |
| [속성명$=값] |
속성이 있고, '값'으로 끝나는 속성값을 가지고 있으면 선택 |
ul[type$="menu"] |
| [속성명*=값] |
속성이 있고, '값' 속성이 속성값에 포함되어 있으면 선택 |
a[href*="https:"] |
| [속성명[연산자]=값 i] |
'값' 뒤에 공백으로 띄워 i를 표시하면 '값'의 대소문자 구분을 하지 않음 |
a[href="HTTPS:" i] |