팀 미니프로젝트중, 오픈API로 가져온 텍스트 크기가 작아 키우고 싶었다.
기초강의에서 수강했던대로 id값을 지정하고(zzz) 스타일태그에 들어가 .을붙이고 입력했는데 안되는것이었다. 왜지?
(사실 수강했던대로가 아니다.. css강의에선 class로만 지정했지 id로 지정한적이없었다ㅠㅠ)
아무리 해봐도 안되길래 결국에는 팀원분께 부탁드려서 일단 급한불은 해결했다.
팀원은 .zzz{}를 쓰지않고 아예 ul {}로 지정해서 해결하셨다. 그럼 정말 굳이 혹시 id값을 지정해서 해결할순 없나?찾아보았는데
id로 지정하면 #zzz {}으로 써야하고 // class로 지정하면 .zzz {}로 써야함을 알아냈다.
어쨌든 해결했으니까~라는 생각으로 그냥 넘어가려다 근성을 갖고 찾아봤는데 큰 수확이 있었다. 그밖에 다른 차이점도 알아낼수 있었다.
- id는 태그에 유일한 이름을 붙이고 싶을때 vs class는 같은 유형으로 반복되는 태그들을 묶고싶을때, 한꺼번에 동작하고 싶을때
- 그래서 id는 중복 불가능 vs class는 가능
- 우선순위는 id가 먼저!
.