这篇文章的标题对我很重要。我很赞赏一些 CSS 最好全局应用，而一些 CSS 最好应用于组件范围内的想法。我更感兴趣的是看到这种概念性方法的使用方式，而不是如何实现它。
Sara 详细介绍了一种方法，其中组件默认情况下不会有太多样式，但会应用 CSS 自定义属性，这些属性已准备好接收值，以便您选择设置它们。
对于每种模式，我发现自己每次使用它时都会修改相同的属性，比如字体、颜色（文本、背景、边框）、阴影、间距等等。因此，我认为如果我为这些属性创建变量，在组件的“根”处定义这些变量，并在使用模式时“传入”这些变量的值，这将非常有用且节省时间。这样，我可以通过更改一个规则集中的属性值来自定义或主题化组件，而不是必须在多个规则集中进行跳转。