속성 이름 선택자

속성 이름 선택자는 지정된 태그 속성만 가지고 있는 요소에 스타일을 설정합니다.

예시

<input> 태그와 type 속성을 가진 요소에 밝은 파란색 배경을 지정해 보겠습니다:

html<p>
  <label>텍스트 입력</label>
  <input>
</p>
<p>
  <label>숫자 입력</label>
  <input type="number">
</p>
cssinput[type] {
  background-color: #C2DDFD;
}

Результат:

함께 보기

  • 속성 선택자,
    속성 값으로 요소를 찾습니다
  • 속성 선택자,
    속성 값의 시작 부분으로 요소를 찾습니다
  • 속성 선택자,
    속성 값의 끝 부분으로 요소를 찾습니다
  • 속성 선택자,
    속성 값 내의 텍스트로 요소를 찾습니다
  • 속성 선택자,
    속성 값 중 하나로 요소를 찾습니다
  • 속성 선택자,
    속성 값의 하이픈으로 요소를 찾습니다
  • 자식 선택자,
    직접적인 포함 관계로 요소를 선택할 수 있습니다
  • 하위 선택자,
    부모 요소를 기준으로 요소를 선택할 수 있습니다
  • 인접 형제 선택자,
    인접한 형제 요소를 기준으로 요소를 선택할 수 있습니다
  • 일반 형제 선택자,
    지정된 요소 이후의 형제 요소들을 선택할 수 있습니다
  • 전체 선택자,
    모든 요소를 선택할 수 있습니다