这一切都在发生，所有的控制都来自更高的级别，然后你所做的是，你添加上下文覆盖，而不是每次都重新发明它，一遍又一遍地重新发明同样的事情。 德鲁：这就是 C，组合。接下来我们有 U，即效用。那么我们所说的效用是什么意思呢？ 安迪：所以这是一个只做一项工作的类，而且做得非常好。这可能是设计令牌的实现，它是属性的抽象。通常是颜色或排版样式、大小和诸如此类的规则。这个想法是您生成应用这些的实用程序类。因此，您已经有了一个实用程序，可以应用背景原色（类似于原色），然后应用原色（即文本颜色）。然后，您可能会生成一些用于边缘填充的间距标记，以及所有这些类型的东西。他们只做一份工作。他们只是添加一种间距规则、一种颜色规则，仅此而已。 安迪：但你还有其他实用程序。
包装实用程序就是一个很好的例子
它会做的是，它会在元素上设置最大宽度，然后会设置左右自动边距以将其放置在元素的中间。所以它只得到了一份工作，而且它只是高效、出色地完成它。 安迪：所以你已经有了你的全局样式，你已经完成了很多排版设置和很多地板空间。然后你的作文给出了背景和布局。然后，实用程序将标记直接应用于元素，为它们提供您需要的样式。例如，就像标题一样，您可以说：“我希望它是这个尺寸，我希望它有这个引线，我希望它有这个尺寸。” 然后在 牙买加手机号码列表 那一点上……这就是我所说的关于块的……然后你进一步深入堆栈，你已经完成了此时的大部分工作。 安迪：因此，它们为您提供了这种真正高效的工作方式，而且由于 HTML 也在某种程度上顺流而下，我发现将工作负载抽象到 HTML 而不是 CSS 上真的很好。我曾经真正进入实用程序类，就像这种旧的脾气暴躁的风格，“哦，关注点分离”，但我实际上认为这是一种非常不错的工作方式。
我在文章中提到我实际上很喜欢
Tailwind CSS。我认为它确实有效，而且我真的很喜欢用它来输入产品，因为我真的可以很快地发布一些东西。但我认为这有点太过分了，Tailwind 也是如此，而当它超出了在类上应用单一规则的范围时，我喜欢倾注大量的精力。我想就是这样。你？ 德鲁：所以，是的，你在文章中谈论了很多关于设计令牌的内容，这也是我们在第三集中与吉娜·安妮在 Smashing Podcast 上讨论过的内容，我认为是这样。所以听起来设计令牌是一个非常基本的方面。 安迪：是的。哦，上帝，是的。我清楚地记得吉娜在做闪电设计系统的事情，因为我当时正在构 传真列表 建一个设计系统，或者类似设计系统的东西，我们正在努力获得行政部门的批准。当闪电设计系统问世时，我实际上只是向他们发送了一个又一个的链接，然后我说：“这就是我们正在做的事情。我们正在建立一个设计系统。这就是 Salesforce 目前使用它的目的。
