반응형
선택자 | 의미 | |
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;
}
반응형
'css > basic' 카테고리의 다른 글
[css] 텍스트1: text-transform 대소문자 변환 속성 (0) | 2021.03.20 |
---|---|
[css] 선택자4 - Combinators 결합 선택자 (0) | 2021.03.20 |
[css] 선택자3 - Pseudo-element Selector 가상 요소 선택자 (0) | 2021.03.20 |
[css] 선택자2 - Pseudo-classes Selector 가상 클래스 선택자 (0) | 2021.03.20 |
[css] <table> 기본 정리 (0) | 2021.01.20 |
댓글