顺风 CSS "sm:block"类在传递"sm:"断点后不会覆盖"hidden"类



我正在遵循Youtube上TailwindCSS创建者的导航条教程,我一直在关注这一部分,当屏幕宽度达到sm:断点时,sm:block类应该覆盖hidden类。

这个几乎完全相同的例子和预期的一样,当页面宽度增加时,项目就会显示出来。

但是,当我尝试在使用npx create-next-app --example blog-starter-typescript创建的项目上实现这一点时。这就是我得到它的地方,当页面宽度增加时,导航栏上的项目不会显示。

这正是我回购中不起作用的地方。

如果我用sm:hidden block替换hidden sm:block,它就起作用了。如果我为每个断点添加不同的背景色,也可以。

有人看到我做错了什么吗?

感谢

"Chrome的深色主题";扩展插件一直在注入包含display : hidden !important的样式。删除该扩展插件解决了我的问题。

我在看到该应用程序在隐身模式下正常工作后意识到了这一点。

最新更新