css - id-selector 中带有冒号的所有情况的 CSS

Question

这是与此处提到的案例相关的问题：在 CSS 选择器中处理元素 ID 中的冒号

我有一些代码，其中包含以这种方式记录的脚注<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元素。