![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fcmn3CY%2FbtrMRHtmqQc%2FyEkgDcg7Sz8quHFpVjTtqk%2Fimg.png)
[css] css 적용 우선순위
·
🍞 Front-End/HTML+CSS
프로젝트를 진행 중, 클래스를 먹여도 적용이 안 됐다. 클래스 여러 개 넣어서 그런 줄 알았는데 속성들 중에도 우선순위가 중요하다는 것을 깨달았다. 그래서 오늘은 우선순위에 대해서 정리하고자 한다. 📌 CSS 우선순위 3가지 규칙 1. 기본적으로 뒤에 나오는 css가 우선순위가 높다. 2. !important > inline style attribute > id > class, 다른 attribute, Pseudo 클래스(:first-child같은 것) > tag element, Pseudo 엘레먼트(::before같은 것) 순으로 우선순위가 높다. 3. 우선순위가 같다면 개수가 많은 css가 우선순위가 높다. !important와 inline style attribute은 실무에서 사용을 제한하는 경우..