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