선택자 강의가 뜬금없이 나온 이유는, 가장 중요하기 때문이다.
선택자
- 대상을 선택한다
- 대상을 꾸민다
그런데 선택자 종류에 따라 다른 점수를 가지고 있다. 즉 점수의 합이 높은 선택자가 우선권을 가지고 있다.css는 우선 선택자를 고려해야 한다.
-그 전에 약속 절대 쓰지 말아야 할 것들 인라인 스타일과 !important는 지양!!
*css 적용순서 !important > (넘사벽) > 인라인 스타일>(넘사벽)>css우선순위
우선순위 점수 ? -> 올림픽이랑 같다 금메달 수 비교 > 은메달 수 비교 > 동메달 수 비교로 진행된다.
*전체선택자 - 참여하는 데 의의(0,0,0)
*요소 선택자 - HTML요소를 바로 지칭 ex) li | (0,0,1) ul > li | (0,0,2) nav ul>li (0,0,3)
class 선택자 - 은메달 ex) .header | (0,1,0) ul.gnb>li (0,1,2) .item .item_title span |(0,2,1)
id 선택자 - 금메달 (cover | (1,0,0) blog >.items a |(1,1,1) main .main_footer ul.footer-list li a |(1,2,3)
-뭔가 아무리 해도 스타일이 안고쳐진다면 우선순위를 확인하자!
우선순위가 동일할 때는 뒤에 있는 녀석이 적용이 된다. 그게 바로 캐스캐이딩이다.