顺风CSS在sm:flex上不应用display: flex

Question

我有一个div，里面有以下类

<div class="hidden sm:visible sm:flex">
....
</div>

，其中sm:visible被应用为

@media (min-width: 640px) .sm:visible {  visibility: visible; }

但是类别display: flex没有被应用

作为旁注，智能感知也没有显示

我用vue-cli-plugin-tailwind

Answer 1

所以@JHeth指出我应该检查我的顺风配置，所以我的问题是在我的tailwind.config.js内容如下

variants: {
…
display: ['group-hover'],
},

而不是在' extend '属性中所以我不是扩展而是重写

所以我把它改成了

variants: {
extend: {
…
display: ['group-hover'],
},
}