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