javascript - vue.js 구성 요소 스타일에서 범위 지정을 사용한 후 아무런 양심의 가책 없이 !important를 사용할 수 있습니까?

Question

범위 지정을 사용한 후 구성 요소 간의 스타일이 서로 영향을 미치지 않는다는 점을 고려하면 구성 요소 라이브러리에서 구성 요소의 스타일을 재정의할 때 현재 구성 요소에서 !important를 사용하는 것이 합리적입니까(구성 요소의 헤더 구성 요소 스타일이 라이브러리는 깊게 중첩되어 있습니다. !important를 사용하는 것보다 더 깊은 레벨을 사용하는 것이 항상 더 쉬운 것 같습니다...

曾经蜡笔没有小新 · Answer

!important는 가급적 사용하지 않는 것이 좋습니다. 사용하시면 한동안은 개발이 즐거우실 수 있으나 나중에 유지보수가 그리 만족스럽지는 않을 것입니다. 무게는 충분합니다.

大家讲道理 · Answer

!important를 사용하지 않는 것이 좋습니다. 또한 중첩은 가능한 한 적게 사용해야 하며, 이는 성능에 영향을 미칠 수 있습니다.

漂亮男人 · Answer

Scoped는 구성 요소에 유일한 제한 사항을 적용했습니다. important를 사용하면 구성 요소의 콘텐츠에만 영향을 미치므로 사용 여부는 중요하지 않습니다.

怪我咯 · Answer

범위 지정은 구성 요소의 CSS에 임의의 접두사를 추가하는 것입니다. 해당 임의의 접두사에 영향을 받는 모든 CSS는 중요합니다.

世界只因有你 · Answer

!Impotant는 꼭 필요한 경우가 아니면 사용해서는 안 됩니다. 정말 위험한 일입니다.

범위 지정은 구성 요소 내의 요소에만 적용되도록 스타일을 제한했지만 동일한 구성 요소 내에서도 문제가 발생할 수 있습니다. 예를 들어 상대적으로 큰 구성 요소에 !important를 사용하면 향후 확장, 수정 및 작업 중에 문제가 발생할 수 있습니다. 정비 아들아 결국 시간이 지나면서 이 일을 잊어버렸어

물론, 꼭 잊지 않겠다고 말하고 싶다면, 중요한 의미라도 괜찮습니다. 그냥 저 같은 사람은 괜히 몇 글자 더 쓰면 괴로워서요. 세미콜론을 하나 더 추가하면 !important가 10자, 5바이트, 2억 번의 방문이 1GB의 트래픽을 낭비한다는 의미가 됩니다. :)