important는 그냥 임시방편 이라고 생각합시다
왜 자제해야하는걸까?
1. 우선순위
css에는 적용 우선순위라는 것이 있어서 특정원칙에 따라 css를 처리한다
우선순위 점수가 높은 속성들 html (inline style) / #id / class, :추상클래스 / 태그 / 상위객체로부터 상속된 속성 같은 우선순위를 가진 속성이 있을 시 점수가 더 높고, 나중에 선언된 것이 반영됨
이 important 는 모든 우선순위 규칙을 무시
2. 충돌
여러곳에서 important 사용시 충돌 가능성이 있어서
3. 가독성과 유지보수
결국에는 어떤 스타일이 우선 적용 되고 있는지 파악하기가 어렵기 때문에 가독성과 유지보수에 좋지 못하다.
이런 이유들 때문에 important 는 사용을 자제하며
스타일을 구조화하고 정리하여 충돌방지 및 유지보수를 용이하게 관리하는 것이 좋을것 같다
참고
https://developer.mozilla.org/ko/docs/Web/CSS/Specificity
명시도 - CSS: Cascading Style Sheets | MDN
명시도란 브라우저가 어느 요소와 가장 연관된 속성을 찾는 수단으로, 이렇게 찾은 속성이 해당 요소에 적용됩니다. 명시도는 여러 종류의 CSS 선택자로 구성된 일치 규칙에 기반합니다.
developer.mozilla.org
'css' 카테고리의 다른 글
| bootstrap grid (0) | 2023.12.27 |
|---|---|
| LHVA : link 스타일 지정 순서 (0) | 2023.12.25 |
| Sass Scss (0) | 2023.12.21 |
| padding과 margin 에 대하여 (1) | 2023.11.27 |
| 텍스트 속성 관련 word-break, word-wrap, text-overflow ... (0) | 2023.11.24 |
