javascript - vue.js コンポーネント スタイルでスコープ付きを使用した後、! important を遠慮なく使用できますか?
大家讲道理
大家讲道理 2017-05-18 10:54:09
0
5
739

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

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全員に返信(5)
曾经蜡笔没有小新

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

いいねを押す +0
大家讲道理

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

いいねを押す +0
漂亮男人

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

いいねを押す +0
刘奇

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

いいねを押す +0
世界只因有你

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

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

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

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!