CSS

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"] : '속성명'을 가지고, '속성값'으로 끝나는 요소 선택

-, _, 공백, 조합어 허용

최근댓글