❗해당 글은 패스트 캠퍼스의 강의를 듣고 까먹지 않기위해 작성한 글입니다.

🔗 선택자 우선순위

🤷🏻‍♂️ 우선순위란?

같은 요소가 여러 선언의 대상자가 된 경우,
어떤 선언의 CSS 속성을 우선 적용할지 결정하는 방법

굳이 알아야 할까❓❓

FE 개발자 혹은 FE를 공부하고 싶은 사람이라면 당연히!! 알아야 할 지식이다!

프로젝트를 진행하다보면 페이지가 늘어나고 css관리도 점점 힘들어 지는데, 우선순위를 모르는 상태에서 개발을 하다보면 css를 분명 줬는데 반영이 안되는 참사가 일어난다.
이러한 참사를 막기 위해 우선순위 즉, 선택자의 점수 를 알아야 한다.

🔗 점수

아래의 이미지를 보면 잘 나와있다.

여기서 중요! 한 부분은 인라인 선언, !important를 남발하지 않는 것이다. 나중에 유지보수 하기 힘들 뿐만 아니라 수정할 때에도 어렵기 때문이다.