在id-selector中使用冒号的所有情况的CSS

Question

这是与此处提到的案例相关的问题：Handling a colon in an element ID in a CSS selector

我有一些代码包含脚注，这些脚注以<sup id="fnref:fn1">1</sup>和<sup id="fnref:fn2">2</sup>等方式注明。

在我的CSS中，我知道如何为每个案例制定规则

sub#fnref\:fn1 {vertical-align: super} // or "\3A" instead of ":" to be correct
sub#fnref\:fn2 {vertical-align: super}

但如何编写css以将所有案例纳入一条规则（我不想为所有潜在的脚注制作无穷无尽的列表。

提前致谢 弗洛里安

Answer 1

改为使用属性选择器：

sup[id^="fnref:fn"] {vertical-align: super}

顺便说一下，您应该选择sup元素，而不是sub元素。