*** CSS - CLASS와 ID ***
태그에 이름을 지어 선택자로 활용할 수 있다.
[class와 id 차이점]
class는 같은 이름을 사용할 수 있다.
html : class="" css 선택자 : .
id는 같은 이름을 여러번 사용할 수 없다.
html : id="" css선택자: # 프론트엔드 영역에서 많이 사용
[이름 짓기]
두 단어 이상 -를 쓴다. ex) best-item
뒷 단어에 대문자 활용이 가능하다. ex) best-Item (but, 많이 사용하지 않는 방법.)
"~안에 있는 ~"로 표현 가능하다. ex) best-item__text-box
[이름 지을 때 주의사항]
영문부터 시작 해야한다. 숫자만 사용할 수 없다. 누구나 구분할 수 있도록 짓는게 좋다.
띄어쓰기X, 총 2개가 되어버린다. ex) best item
[상위 & 하위 엘리먼트 명칭]
body <-> section
--> body를 기준으로 section을 자식 엘리먼트라고 부른다.
--> section을 기준으로 body를 부모 엘리먼트라고 부른다.
body <-> div
--> body을 기준으로 div를 후손 엘리먼트라고 부른다.
--> div를 기준으로 body를 조상 엘리먼트라고 부른다.
[css 선택자]
> : 자식선택자만 color를 물려준다.
띄어쓰기 : 후손선택자 모두 color를 물려준다.
+ : 인접동생 선택자만 모두 color를 물려준다.