css(15)attributeselector공부방2022. 11. 13. 11:49
Table of Contents
728x90
728x90
속성 선택자 : 특정속성, 속성값을 가지고 있는 html요소를 선택하는 방법
ex)
[속성명] 선택자
[속성명="속성값"] 선택자
1. 문자열 속성 선택자
[속성명~="속성값"] : 특정 속성의 속성값에 특정 문자열로 이루어진 하나의 단어를 포함하는 요소를 모두 선택
속성값에 -이 들어가 있으면 선택되지 않는다
속성값이 정확하게 일치하거나 띄어쓰기를 기준으로 속성값과 동일한 단어인 요소를 선택한다
[속성명|="속성값"] : 특정 속성의 속성값이 특정 문자열로 이루어진 하나의 단어로 시작하는 요소를 모두 선택
속성값이 정확하게 일치하거나 속성값 다음 -으로 시작하는 요소만을 선택
[속성명^="속성값"] : 특정 속성의 속성값이 특정 문자열로 시작하는 요소를 모두 선택
[속성명$="속성값"] : 특정 속성의 속성값이 특정 문자열로 끝나는 요소를 모두 선택
[속성명*="속성값"] : 특정 속성의 속성값에 특정 문자열을 포함하는 요소를 모두 선택
※ :not : 해당 선택자를 반대로 적용하여 선택
728x90
300x250
@mag1c :: 꾸준히 재밌게
2023.04 ~ 백엔드 개발자의 기록
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!