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

Question

遵循 the guidance 如何创建特定于打印的修饰符后，是否可以使用它来创建或修改该屏幕的组件？

比如我有

    .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;
    }
}