在 TAILWIND 的 CSS 中添加自定义响应类

Question

添加时

<div class="md:grid-flow-col">

什么也没发生。这是因为当我浏览文档时，md:grid flow col没有包含在顺风css中。

在我的styles.cs中，我可以看到所有可以用于顺风的类。例如：

.md:grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md:grid-cols-5{
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.md:flex-row{
flex-direction: row;
}

我想添加：

.md:grid-flow-col{
grid-auto-flow: column;
}

因为我无法应用CCD_ 1并以我想要的方式更改网格布局
每当我保存文档时，我的更改都会自动删除。

当我尝试在响应布局中使用类时，有人知道如何添加适用的类吗？

Answer 1

这里只制作类组件，不需要断点/响应设计

添加自定义样式

@layer components {
grid-flow-col {
@apply grid-auto-flow: column;
}
}