텍스트 기준 속성 선택자
텍스트 기준 속성 선택자는 태그 속성 값에 특정 텍스트를 포함하는 요소에 스타일을 적용합니다.
예제
속성에
test를 포함하는 링크를 찾아
녹색으로 변경해 봅시다:
<a href="https://test.com">link1</a>
<a href="https://code.mu">link2</a>
<a href="http://my-test.com">link3</a>
a[href*="test"] {
color: green;
}
:
같이 보기
-
속성 선택자,
속성 이름으로 요소를 찾습니다 -
속성 선택자,
속성 값으로 요소를 찾습니다 -
속성 선택자,
속성 값의 시작 부분으로 요소를 찾습니다 -
속성 선택자,
속성 값의 끝 부분으로 요소를 찾습니다 -
속성 선택자,
속성 값 중 하나로 요소를 찾습니다 -
속성 선택자,
속성 값의 하이픈으로 요소를 찾습니다 -
자식 선택자,
직접적인 포함 관계로 요소를 선택할 수 있습니다 -
문맥 선택자,
부모 요소로 자식 요소를 선택할 수 있습니다 -
인접 형제 선택자,
인접한 형제 요소로 요소를 선택할 수 있습니다 -
일반 형제 선택자,
특정 요소 이후의 형제 요소들을 선택할 수 있습니다 -
전체 선택자,
모든 요소를 선택할 수 있습니다