아라의 WWW

선택자 종류 선택자에 대해서는 예전에 한번 올렸지만 다시한번 제대로 포스팅 해보려고 해요! 선택자란 css로 UI의 어느 부분을 디자인 할지, 즉 표현할 대상이 되는 부분을 말합니다. css 속성이 기본으로 형식은 이런 식으로 되어있습니다. 앞에 선택자는 태그를 선택자로 삼은 type선택자입니다. 이제 선택자에 대해 알아보겠습니다. 01. type선택자 02. 아이디 선택자 03. class 선택자 04. 전체 선택자 05. 하위 선택자 06. 자식 선택자 07. 인접 선택자 08. 형제 선택자 09. 그룹 선택자 10. 속성 선택자 11. 가상 클래스 선택자 12. 가상 요소 선택자 13. 종속 선택자 14. 선택자들의 우선순위 01. type 선택자 html의 태그 이름을 선택자로 사용한 선택자입니다..

id와 class의 차이점 1. 중복 사용 여부 클래스는 여러 요소가 한 클래스를 사용할 수 있지만 아이디는 한 아이디가 한 요소만을 사용할수 있습니다. See the Pen Untitled by jo0132 (@jo0132) on CodePen. 2. 한 요소(태그)가 갖는 갯수의 차이 클래스는 한 요소에 여러개의 클래스를 가질수 있으며 아이디는 한 요소에 한개의 아이디만을 가질 수 있습니다. See the Pen Untitled by jo0132 (@jo0132) on CodePen. 위에 보시면 id가 중복으로 사용이 가능한걸로 나옵니다 . 하지만 id는 고유한 id값이 있어야 하나하나에 특별한 제어를 할 수 있으며 검색에도 용이합니다. 그러므로 중복되지 않도록 주의해야합니다. 3. 우선순위 id와..