使用自定义类设置默认 @screen 大小

【问题标题】：Style the default @screen size with custom classes使用自定义类设置默认 @screen 大小
【发布时间】：2021-02-02 13:56:27
【问题描述】：

如何为默认屏幕尺寸添加样式，如下所示：

@screen lg {
  .class {
    height: 1rem;
  }
}

【问题讨论】：

【解决方案1】：

所有不带前缀sm:、md:、lg:、xl: 的类都是默认屏幕尺寸。

【讨论】：

我知道，但是在css文件中，不使用html中的类，我该怎么做呢？
@Weebonn 只使用纯 CSS，因为这与 Tailwind CSS 无关。但是您可以通过 @apply 指令使用 Tailwind CSS 类，例如：.custom-class { @apply bg-red-500; } 在您的 .css 文件中。