`.prose ol[type="A“s]在CSS中的最后一个‘s’是什么意思？

Question

我在研究顺风CSS排版插件的输出CSS代码，并发现

https://unpkg.com/@tailwindcss/typography@0.4.1/dist/typography.css

在第33行

.prose ol[type="A" s] {
  --list-counter-style: upper-alpha;
}

.prose ol[type="a" s] {
  --list-counter-style: lower-alpha;
}

终于有了一个小s，这是什么意思？

如果我将我的VSCode语法更改为SCSS，它会输出一个错误。

​

​

为什么会发生这种情况？

Answer 1

来自https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

在结束括号前添加s(或S)将使值在大小写中敏感地进行比较(对于ASCII范围内的字符)。

这是一个实验环境。MDN列出了唯一将其实现为Firefox的浏览器。

因此，您似乎无法更改样式，这取决于列表是否设置为具有大写或小写标记(假设他们希望在某种程度上匹配)，因为没有小的s和will匹配。