オリジナルのファイルがカスタマイズされたCSSファイルの後にロードされたときにCSS！importantプロパティをオーバーライドする方法

Question

このクエリをオンラインで検索したとき、私は多くの結果を見ました。私はdatepickerのCSSのためのオリジナルのCSSをオーバーライドするカスタムスタイルシートを持っています。 ！間に合わdatepikcer.cssは、幅のプロパティの重要なセットがあります。

.q-superdate-field { 
    width: auto !important; 
} 

は私が幅を再作成し、それにカスタム幅を追加したいが、私は自分のスタイルシートでこれをやった：

.q-superdate-field{ 
    width: 150px !important; 
} 

しかし、残念ながら、私のcssファイルの後にdatepicker.cssファイルが読み込まれ、最後の重要なプロパティを取るので、私の重要なことはしません。任意のアイデアを解決する方法

Answer 1

!importantを、別の具体的な!important（たとえば、そのクラスの親を対象とする）で上書きすることができます。

.q-superdate-wrapper .q-superdate-field { 
    width: 150px !important; 
} 

または最も近いクラス。

.some-closest-class .q-superdate-field { 
    width: 150px !important; 
} 

しかし、あなたは順序を管理している場合、私は、任意のサードパーティのライブラリの後にカスタムCSSを注文します。