CSS [ 속성 = 값 ] 선택기
예시
target="_blank"로 <a> 요소 스타일 지정:
a[target=_blank]
{
background-color: yellow;
}
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
[ attribute = value ] 선택자는 지정된 속성과 값을 가진 요소를 선택하는 데 사용됩니다.
버전: | CSS2 |
---|
브라우저 지원
표의 숫자는 선택기를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Selector | |||||
---|---|---|---|---|---|
[attribute=value] | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS 구문
[attribute = value] {
css declarations;
}
더 많은 예
예시
<input type="text">가 포커스를 받으면 너비를 점차적으로 100px에서 250px로 변경합니다.
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
관련 페이지
CSS 튜토리얼: CSS 속성 선택기