속성 이름 선택자
속성 이름 선택자는 지정된 태그 속성만 가지고 있는 요소에 스타일을 설정합니다.
예시
<input> 태그와
type 속성을 가진 요소에
밝은 파란색 배경을 지정해 보겠습니다:
<p>
<label>텍스트 입력</label>
<input>
</p>
<p>
<label>숫자 입력</label>
<input type="number">
</p>
input[type] {
background-color: #C2DDFD;
}
:
함께 보기
-
속성 선택자,
속성 값으로 요소를 찾습니다 -
속성 선택자,
속성 값의 시작 부분으로 요소를 찾습니다 -
속성 선택자,
속성 값의 끝 부분으로 요소를 찾습니다 -
속성 선택자,
속성 값 내의 텍스트로 요소를 찾습니다 -
속성 선택자,
속성 값 중 하나로 요소를 찾습니다 -
속성 선택자,
속성 값의 하이픈으로 요소를 찾습니다 -
자식 선택자,
직접적인 포함 관계로 요소를 선택할 수 있습니다 -
하위 선택자,
부모 요소를 기준으로 요소를 선택할 수 있습니다 -
인접 형제 선택자,
인접한 형제 요소를 기준으로 요소를 선택할 수 있습니다 -
일반 형제 선택자,
지정된 요소 이후의 형제 요소들을 선택할 수 있습니다 -
전체 선택자,
모든 요소를 선택할 수 있습니다
