ブレークポイント値は tailwindcss の移動値によって上書きされます

Question

問題がありますが、まだどこにも問題が見つかりません。

モバイルでパディングまたはマージンを使用し、より大きな画面でそれらのパディング/マージンを変更したい場合、モバイルに設定した基本値は同じままで、別のブレークポイントで特定の値をオーバーライドします。

デバッガーで確認できる内容は次のとおりです。 ご覧のとおり、py-3 値は、md ブレークポイントに適用される py-0 を保持し、オーバーライドします。

---

これはモバイル版です

---

これはデスクトップバージョンです

---

これは私のコードです。py-3 と md:py-0 がボタンに適用されます:

リーリー

私は、拡張機能やテーマを置き換えずに、従来の next.js インストールに taildwindcss を使用しています。 CSS ファイルには、これらのクラスをオーバーライドできる場所がありません。

何か見逃したことがありますか?

編集: py-0: md:!py-0 の前に「!」を適用しようとしましたが、それでも同じです。 ! important キーワードが正しく追加された場合でも、依然として上書きされます。

Answer 1

#!重要 割り当ては以下をオーバーライドします (したがって、通常の状況では 報道） @メディア { }

.py-3 { } が正しく表示されるようにします。不要 必須 !重要。