::first-letter 不算 `@` 并以 2 个字母应用 css

Question

玩耍时::第一个字母

当字符串以

@

开头时，它会为 2 个字母着色。

 footer {
 color: mediumseagreen;
 font-size: 2rem;
 font-style: italic;
}
footer::first-letter { color: purple; }

<footer>@xyz</footer>
<footer>xyz</footer>

这是正确的行为吗？

Answer 1

根据 MDN，

第一个字母之前或紧随其后的标点符号是 包含在匹配中。 标点符号包含任何 Unicode 字符 定义为开盘 (Ps)、收盘 (Pe)、初始报价 (Pi)、最终报价 (Pf) 和其他标点符号 (Po) 类。

@

字符是“其他标点符号”类别的一部分，因此在第一个示例中突出显示

@x

是正确的。