CSS · HTML
CSS - 속성 선택자 [attribute]
혜원21
2024. 1. 31. 12:24
*
See the Pen CSS [attribute] by nilgi (@nilgi) on CodePen.
[attribute] : '속성명'이 있는 요소 선택
-, _, 공백, 조합어 비허용
[attribute="value"] : '속성명'과 '속성값'이 있는 요소 선택
-, _, 공백, 조합어 비허용
[attribute~="value"] : '속성명'을 가지고, '속성값'을 포함하는 요소 선택
공백은 허용하고 -, _, 조합어 비허용
[attribute*="value"] : '속성명'을 가지고, '속성값'을 포함하는 모든 요소 선택
-, _, 공백, 조합어 허용
[attribute^="value"] : '속성명'을 가지고, '속성값'으로 시작하는 요소 선택
-, _, 공백, 조합어 허용
[attribute|="value"] : '속성명'을 가지고, '속성값' 또는 '속성값-'으로 시작하는 요소 선택
-은 허용하고 공백, _, 조합어 비허용
[attribute$="value"] : '속성명'을 가지고, '속성값'으로 끝나는 요소 선택
-, _, 공백, 조합어 허용