본문 바로가기
css/basic

[css] 선택자1 - Attribute Selector 속성 선택자

by by-choice 2021. 3. 20.
반응형
선택자   의미
div[attr="val"] = "attr" 속성 값이 "val"인 div 요소를 선택
div[attr~="val"] ~= "attr" 속성 값 중 "val" 단어가 있는 div 요소를 선택
div[attr^="val"] ^= "attr" 속성 값이 "val"로 시작하는 div 요소를 선택
div[attr$="val"] $= "attr" 속성 값이 "val"로 끝나는 div 요소를 선택
div[attr*="val"] *= "attr" 속성 값이 "val"을 어느식으로든 포함하는 div 요소를 선택
div[attr|="val"] |= "attr" 속성 값이 "val"이거나 "val"으로 시작하는 div 요소를 선택

button[class^='btn'] {
   background-color: yellow;
}
반응형

댓글