Tailwindcssでimportantで優先させる方法

tailwindcssを使っていると、

デフォルトでは、

important属性はついていないので、

他のUIライブラリやCSSを組み合わせたときに、

実際に反映されないことが起きる。

この事象に対しての対応方法。

Tailwindcssの設定変更

設定ファイル

tailwind.config.js

設定内容

上記のファイルに、

「important」の設定を追加

module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [
  ],
  important: true
}

ピックアップ

こちらもおすすめ

初心者向けの色々な情報はあるけれど、

  • 無料でお試しができるスクール
  • ホームページなど簡単に作成できる
  • 組織で使いたいサービス

について、

少しでも試して良いものがあると、

それを活用することで学習や業務などが効率化できるので、

おすすめのサイトなどをいくつか紹介しておきます

おすすめ書籍

スポンサー

人気記事

おすすめ記事