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