특정 속성 값을 가진 HTML 요소 선택

css에서 html 요소를 선택할 때는 #id, .class를 사용하는데 이 두 가지 말고 html의 속성 값을 이용해 선택하는 방법이 있다. 여러 가지라 헷갈리니 외울 필요는 없고 필요시 찾아서 다시 보면 될 것 같다.

 

See the Pen 특정 속성으로 HTML 요소 선택 by nilgi (@nilgi) on CodePen.

 

[속성] 특정 속성을 가진 html 요소
[속성="value"] 특정 속성의 값을 가진 요소
[속성~="value"] 특정 단어를 가진 요소
[속성|="value"] 지정한 값으로 시작하는 요소 : 값은 단독으로 쓰이거나 뒤에 '-' 기호가 있어야 함.
[속성^="value"] 지정한 값으로 시작하는 모든 요소
[속성$="value"] 지정한 값으로 끝나는 모든 요소
[속성* = "value"] 지정한 값을 포함한 모든 요소

 

요즘 css 공부를 다시 하는데 옛날에 공부한거 다 까먹어서 잘 모르겠다. (〃￣ ￣ ) 人 (￣ ￣〃 )

재미는 있다. 신기해서.

이거도 이해하기 어려워 1시간 넘게 했다. 큭~