속성 선택자

 

 

속성 선택자

특정 속성(attribute) 또는 특정 속성값을 갖고 있는 요소(element)를 선택합니다.

속성 선택자는 7가지 형태가 있습니다.

Selector	Type 유형	Description
존재 [ ]	p [class]	속성이름을 가진 요소를 선택 class 속성이 있는 모든 <p> 요소에 적용
동일 [=]	p [class="white"]	class 속성 값이 white인 <p> 요소에 적용
공백 [~=]	p [class~="white"]	class 속성 값이 공백으로 구분된 경우 그 중 하나가 white인 <p> 요소에 적용
접두사 [^=]	p [class^="w"]	class 속성 값이 'w'문자로 시작하는 모든 <p> 요소에 적용
포함 [*=]	p [class*="white"]	class 속성 값이 'white' 문자를 포함하는 <p> 요소에 적용
포함 [$=]	p [class$="w"]	class 속성 값이 'w' 문자로 끝나는 <p> 요소에 적용
포함 [|=]	p [class|="white"]	class 속성 값이 white이거나 'white' 로 시작하되 하이픈(-)으로 연결된 값을 가진 <p> 요소에 적용