속성 값 선택자

속성 값 선택자는 특정 속성의 존재 또는 그 값에 따라 요소를 선택하고 필요한 스타일을 적용할 수 있게 해줍니다.

예시

input 태그를 살펴보겠습니다. 속성 type의 값이 text인 요소에 하늘색 배경색을 지정해 보겠습니다:

html<p>
  <label>텍스트 입력</label>
  <input type="text">
</p>
<p>
  <label>숫자 입력</label>
  <input type="number">
</p>

cssinput[type="text"] {
  background-color: #C2DDFD;
}

Результат:

참고 항목