CSS의 !important 문제

오랜만에 스킨을 고치는데, 가장 문제가 되는 것이 !important 다.

https://www.google.com/search?q=!important+in+css

🔎 !important in css: Google 검색

https://www.w3schools.com/css/css_important.asp

CSS !important Rule

CSS에서 지정해주면 해당 속성에 대해서는 그 부분에 영향을 주는 다른 모든 지시를 무시. 예시에서는 클래스와 아이디에서 속성을 따로 정해주어도 태그에 써준 그놈이 위아래(?)로 다 무시.
( !important가 겹칠 때는 어떨지 모르겠는데.. 마지막으로 파싱한 것일까?)



여기 저기 붙은 이것이 마치 goto문처럼, 레이아웃을 망치고 있다.

1.
하나씩 지워가며 어떻게 보이는지 확인하는 수밖에 없을까..

2.
앞으로는 모든 !important 사용처에는 주석을 달아놔야겠다. 지금도 일부는 달아뒀는데, 간략하게 써놓은 건 몇 해가 지나고 나니 모르겠다.