본문 바로가기
2222
Stack & Tool/HTML, CSS

속성 선택자

by PARK TAE JOON 2021. 5. 19.

첫번째 방법

<input type="text" value="input1">
<input type="text" value="input2" disabled>

 

[disabled] {
  color : red;
  opacity : 0.3;
}

 

두번째 방법

[type="text"] { // 쌍따음표를 생략할 수도 있다.

  color : red;
  opacity : 0.3;

}

 

세번째 방법 : 앞에 공통적인 속성이름을 넣어서 같은 형식의 선택자들을 한번에 선택

[attr^=시작부분] {

 

}

끝나는 부분. 즉 맨 뒤에 선택도 가능하다.

[attr$=끝부분] {

}

댓글