効かない

Code

TailwindCSSでhidden sm:blockが効かないのを効かせる

Tailwind cssを使っていて、スマホの時だけ表示させたいものがあったが、なぜか表示されない。バージョンの問題なんだろうかと色々探したのでメモ。

tailwindcss: 3.4.1
nuxt: 3.10.3

hidden sm:!blockにするそう

結局、以下を発見。cssの!importをするみたいに!をつけてあげると効きました。

https://stackoverflow.com/questions/65049624/tailwind-css-smblock-class-is-not-overwriting-hidden-class-after-passing-th

コメント