html - 仅使用大写字母的 CSS 或 SASS 选择器

Question

所以，我偶然发现了这样的事情:

SM\:BUTTON {
    [some props];
}

而且我以前从未见过这样的事情。它有什么作用？

文件类型是.scss，显然也是SASS语法。但是，如果是这种情况，那么它也可以是纯 CSS。由于选择器选择了一个 Angular Directive(指令)，即

<sm:button class="..."></sm:button>

我认为这可能与转义冒号有关，但我查了一下，发现 \: 已经成功了。所以，我在这里几乎一无所知。

Answer 1

标签、类和 ID 等 CSS 选择器通常不区分大小写。 See the spec :

All Selectors syntax is case-insensitive within the ASCII range (i.e. [a-z] and [A-Z] are equivalent), except for parts that are not under the control of Selectors. The case sensitivity of document language element names, attribute names, and attribute values in selectors depends on the document language. For example, in HTML, element names are case-insensitive, but in XML, they are case-sensitive.