css - CSS 选择器中的特殊字符

Question

我在 semantic UI 中找到了这个 CSS 定义.他们广泛使用这种风格。

.ui.\32.buttons > .button,
.ui.two.buttons > .button {
  width: 50%;
}

我可以看到他们想要完成的事情。 他们希望 CSS 定义阅读

.ui.2.buttons > .button,

必须是ASCII码。代码\32 将是一个空格。代码\3 将是“文本的开始”。

你能解释一下这里发生了什么吗？为什么ascii不转换成空格？ 为什么 W3C CSS validator接受这个 CSS 没有错误？

Answer 1

\32 是十六进制 32，转换为十进制数 50，这确实是字符 2。 \31 将是 1。

我从 W3C 规范中找到了这句话:

In CSS2, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [A-Za-z0-9] and ISO 10646 characters 161 and higher, plus the hyphen (-); they cannot start with a hyphen or a digit. They can also contain escaped characters and any ISO 10646 character as a numeric code (see next item). For instance, the identifier “B&W?” may be written as “B\&W\?” or “B\26 W\3F”.

我在 this arcticle 中找到了引用这把它放在上下文中，但它归结为这样一个事实，即虽然通常类名不能以数字开头，但当数字作为转义字符或(在本例中)输入时是允许的 ISO 10646 numeric code对于一个 Angular 色。