선택자_속성

속성 선택자(Attribute)

[Attr] : 속성을 포함한 요소 선택

속성 선택자를 사용할 때 사용하는 특수 기호는 [](대괄호 square brackets)

 

밑에 예제로 이해보자 

 

disable이라는 속성에 red 색상을 부여 

 

See the Pen 선택자_속성 by 김선미 (@tjsalsun) on CodePen.

 

 

 

[type]에 orange 부여

 

See the Pen Untitled by 김선미 (@tjsalsun) on CodePen.

 

[type ="value"] : 속성의 해당 값이 있는 요소 선택  

 

See the Pen 선택자_속성3 by 김선미 (@tjsalsun) on CodePen.

 

 

TIL

keypoint

html 속성 및 속성값을 찾아서 css로 변경가능하다

 

느낀 점

페이지 컨셉에 맞는 부분을 해당 부분으로 스타일 할수 있다는 걸 알았다

 

 

오늘의 학습 만족도 

⭐⭐⭐⭐⭐