javascript - vue.js コンポーネント スタイルでスコープ付きを使用した後、! important を遠慮なく使用できますか?

Question

スコープ付きを使用した後、コンポーネント間のスタイルは相互に影響を及ぼさないと考えた場合、コンポーネント ライブラリ内のコンポーネントのスタイルをオーバーライドするときに、現在のコンポーネントで ! important を使用するのは妥当でしょうか (スタイルのネスト レイヤーが存在するため)コンポーネント ライブラリ内のヘッダー コンポーネントの深さの数。より深いレベルを使用する方が、 !重要) を使用するよりも常に簡単です。 アドバイスをお願いします

Answer 1

! important はできるだけ使わないことをお勧めします。 使用すると、しばらくは開発が楽しめますが、その後のメンテナンスがあまり満足できなくなります。 コンポーネントテンプレートの外層にクラスがあり、重さは十分です

Answer 2

さらに、パフォーマンスに影響を与えるため、ネストはできるだけ使用しないことを強くお勧めします。

Answer 3

Scoped はコンポーネントに唯一の制限を設けます。 important の使用はコンポーネント内のコンテンツにのみ影響します。これを使用するかどうかは関係ありません。

Answer 4

スコープとは、コンポーネント内の CSS にランダムなプレフィックスを追加することです。そのランダムなプレフィックスの影響を受けるすべての CSS を安心して使用できます。

Answer 5

!絶対に必要な場合以外は使用しないでください。本当に危険です。

スコープ指定により、スタイルがコンポーネント内の要素にのみ有効になるように制限されていますが、同じコンポーネント内でも問題が発生する可能性があります。たとえば、比較的大きなコンポーネントで ! important を使用すると、将来の拡張、変更、および変更の際に問題が発生する可能性があります。息子、結局時間が経つとこのことを忘れてしまいました

もちろん、たとえそれが重要な意味であっても、決して忘れないと言いたいのなら、それは大丈夫です、理由もなくさらに数文字書かなければならないだけです、それはとても苦痛です 私のような人は通常転がります。余分なセミコロンを書くたびに、もう 1 つ追加すると、10 文字、5 バイト、2 億回のアクセスで 1 GB ものトラフィックが無駄になります :)

。