有没有办法使用其他 css 类来组合 css 类？答案

【问题标题】：Is there a way to compose css classes using other css classes?有没有办法使用其他 css 类来组合 css 类？
【发布时间】：2021-03-17 10:13:52
【问题描述】：

我一直在研究tailwind CSS，当我使用它时，感觉就像在HTML 中编写样式一样。这使得这对我来说是一个尴尬的库。但是当我看着它时，我有了一个想法。

而不是像这样使用顺风

<div class="p-4 flex text-lg">Something</div>

我是否可以使用一些 CSS 预处理器来做到这一点：

// in html
<div class="some">Something</div>

// in css (with a preprocessor)
.some {
  include: .p-4;
  include: .flex;
  include: .text-lg;
}

这样我不必在 HTML 中编写样式，但仍然可以从 tailwind 的实用程序类中受益。

我知道 Scss 有 mixins，但据我所知，tailwind 只提供类而不提供 mixins，而且我没有使用任何其他 CSS 预处理器的经验。那么有没有支持这个功能的预处理器呢？

【问题讨论】：

【解决方案1】：

使用 SCSS，@extend 可以完成这项工作。但是，只有当您有权访问要扩展的类时，它才会起作用。至于 Tailwind CSS，我认为 @apply 是做你想做的事情的内置方式。

【讨论】：