임포턴트? 임폴턴트? !important

이 단어를 언제 많이 사용하시나요?

 

저는 주로 프론트엔드 작업 내 CSS 를 만들거나 변경할 때 사용합니다.

 

이에 대한 설명은 아래 링크를 참조해주세요.

- https://www.codingfactory.net/10372

CSS / 기초 / !important

 

이와 같이 더 우선적으로 적용되어야 할 내용에 붙여서 사용합니다.

 

그러나 이 기능은 유지보수할 때 최소한으로 사용하는 것이 좋습니다. 이 기능을 사용하면 최우선으로 적용되나, 나중에 변경이 필요할 때 더 아래에 똑같이 사용해야 인식이 되므로 아래와 같은 문제가 발생합니다.

 

1. 선언된 임포턴트를 제거하는 작업
2. 선언된 임포턴트가 많아서 내용이 불필요하게 많아진 결과물

 

따라서 사용하되 적게 사용하는 것이 장기적으로 좋습니다. 하지만 시간이 급하다면 제일 아래에서 사용할 수 있습니다.

 

이와같이 위 기능을 사용하지 않고 CSS의 우선도를 이해하면 비교적 편하게 유지보수할 수 있습니다.

 

 

위 우선도를 참고하여, 많이 사용할수록 합계산되어 우선 적용됩니다.

 

예를 들어 아래와 같습니다.

 

 

span, p 는 일찍 선언되어 위에 있지만, span과 p가 사용되었으므로 우선도 값이 2이므로 아래 p보다 우선 적용됩니다.