Flowbite(TailwindCSS Utility) × Laravelで、
以下のようなシマシマのStriped Tableを作ろうと、サンプルコードをコピーしましたが、
odd, evenが効かなかったのでその対処法です。
対処法
以下のコードを追加することで解決しました!
tailwind.config.js
module.exports = {
// ...
variants: {
backgroundColor: ['responsive', 'odd', 'even', hover', 'focus'],
},
}
今回のケースは、そもそも、oddを使った記述がapp.cssにコンパイルされていませんでした。
これはFlowbiteの問題ではなく、Tailwindの設定の問題で、
Tailwindでは一部の擬似クラスは開発環境でのビルドでもcssファイルに取り込まれないため、
その設定を自分で書く必要があるとのことでした。