속성 값 중 하나로 선택
속성 값 중 하나로 선택자는 속성에 지정된 값 중 하나라도 포함하는 요소에 스타일을 설정합니다. 이때 속성의 모든 값은 공백으로 구분되어야 합니다.
예제
test 값을 하나라도 포함하는 모든 <p> 요소를 찾아
파란색으로 변경해 봅시다:
<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>
p[class~="test"] {
color: blue;
}
:
같이 보기
-
속성 선택자,
속성 이름으로 요소를 찾습니다 -
속성 선택자,
속성 값으로 요소를 찾습니다 -
속성 선택자,
속성 값의 시작으로 요소를 찾습니다 -
속성 선택자,
속성 값의 끝으로 요소를 찾습니다 -
속성 선택자,
속성 값 내의 텍스트로 요소를 찾습니다 -
속성 선택자,
속성 값 내의 하이픈으로 요소를 찾습니다 -
자식 선택자,
직접적인 포함 관계로 요소를 선택할 수 있습니다 -
하위 선택자,
부모 요소에 따라 요소를 선택할 수 있습니다 -
인접 형제 선택자,
인접한 형제 요소에 따라 요소를 선택할 수 있습니다 -
일반 형제 선택자,
지정된 요소 이후의 요소들을 선택할 수 있습니다 -
전체 선택자,
모든 요소를 선택할 수 있습니다
