是否可以在Tailwind中为特定屏幕创建实用程序

Question

遵循了关于如何创建打印特定修改器的指导，是否可以使用它来创建或修改该屏幕的组件？

例如，我有

.card {
@apply rounded shadow bg-white p-3;
}

我在想下面这样的事情，但不是吗？我该怎么办？

.card:print {
@apply rounded border border-black bg-white p-3;
}

Answer 1

您应该对此使用媒体查询

@media print {
.card {
@apply rounded border border-black bg-white p-3;
}
}