CSS选择器.prose ol[type="A" s]末尾的s是什么含义？

属性选择器末尾s的含义 #

这个小写的s是CSS标准中属性选择器的大小写敏感匹配修饰符：

• HTML场景下，内置属性（比如<ol>的type属性）的默认匹配规则是大小写不敏感的，ol[type="A"]会同时命中type="A"和type="a"的元素
• 加上s修饰符后会强制开启大小写严格匹配，你看到的这段代码就是为了精准区分type属性的大小写取值，分别给大写A、小写a的有序列表设置不同的计数器样式。

SCSS模式下报错的原因 #

这是因为当前版本的SCSS（Sass）语法解析器还不支持CSS原生的大小写敏感修饰符语法：
SCSS有独立的语法校验规则，这个CSS新增的s修饰符语法暂未被SCSS兼容，当你把VSCode的语法模式切换为SCSS时，SCSS的解析器无法识别属性选择器中的s标记，就会触发语法错误提示。

内容的提问来源于stack exchange，提问作者Joseph