tailwindcssで!importantを使いたいときには

tailwindcssで!importantを使いたいときには

既存のCSSやフレームワークによって、より優先度の高いセレクタ指定がされているとtailwindcssを指定しても反映されません。

目次

!importantを使用する

tailwindcssの指定を最優先にするには、tailwind.config.jsにimportantオプションを追加します。

tailwind.config.js

module.exports = {
  purge: [],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {},
  },
  variants: {
    extend: {},
  },
  plugins: [],
  important: true,
}

参考：Configuration – important | tailwindcss

関連する記事

プログラミングカテゴリの最新記事