关于 CSS 标记化的问题答案

【问题标题】：Questions about tokenization of CSS关于 CSS 标记化的问题
【发布时间】：2022-01-12 12:52:23
【问题描述】：

我阅读了与 CSS 标记化相关的规范，在“4.3.4. Consume an ident-like token”部分中有这句话：“虽然接下来的两个输入代码点是空白，但消耗下一个输入代码点”。这是什么意思，为什么？

【问题讨论】：

显然它与“尽可能多地使用空格”（如稍后在 §4.3.6 中使用的那样）相同，但以更“算法”的方式表示：一个接一个地读取随后的空格，直到它们结尾。它使( 之后的所有空格成为与url( 序列相同的标记的一部分。然而，似乎让第 4.3.6 节中提到的空格有点多余，因为它们在那时已经“消耗”了......

【解决方案1】：

代币用于创建一个全面的设计系统。它节省了大量重复代码，避免了多个团队之间的混淆。基本上不同的实现和不同的库会改变设计及其含义。必须系统地存储设计决策，并且设计令牌可能是此目的的合适候选者。此外，转换数据结构也应运而生，因为转换数据结构应该在每个规模上都是可能的。

我们可能需要重构和重新排列样式字典中的标记。并且处理类似于空白的缩进，因此这里它也需要消耗它。

这是设计令牌的一个实例：

"aliases": {
   "TOKEN_BRICK_SIZE_SM": {
   "value": "70px"
},

【讨论】：