如何在 CSS 中引用带有特殊字符的 id答案

【问题标题】：How to refer to an id with special characters in CSS如何在 CSS 中引用带有特殊字符的 id
【发布时间】：2015-08-20 12:23:08
【问题描述】：

我正在开发一个 MediaWiki 皮肤，该皮肤将向公众发布，任何人都可以免费使用，但有一些事情让我无法完成这个项目。这就是问题所在。

有一个由 MediaWiki 动态生成的列表（不是由皮肤，所以我无法控制），它分配每个 <li> 和等于它所代表的页面名称的 id。现在，除英语之外的其他语言都有可能出现在这些页面标题中的特殊字符，例如“Página Aleatoria”。对于此页面，我看到设置了一个 id 来替换某些代码的重音字符，类似于 <li id="P.C3.A1gina-aleatoria">。

现在的问题是如何在 CSS 中引用这个 id？我尝试过#P.C3.A1gina-aleatoria、#página-aleatoria 和#pagina-aleatoria，但这些似乎都不起作用。

有什么想法吗？提前致谢！

【问题讨论】：

标签： css less mediawiki mediawiki-templates

【解决方案1】：

试试这个，你可以像其他语言一样使用“\”转义CSS中的特殊字符

#P\.C3\.A1gina-aleatoria { }

你也可以试试属性selectorslike

li[id="P.C3.A1gina-aleatoria"] {}

查看fiddle

【讨论】：

就是这样！谢谢！ :)
@GuillermoCarone 如果它对您有用，您可以将其标记为正确答案。因此其他人也可以识别。
我做到了，但显然我的所有选票都不会出现，直到我的声望达到 15 或更多...

【解决方案2】：

一般来说，您可以使用反斜杠来转义在 CSS 中已经有意义的字符（如 ssilas777 所示）。点就是这样一个字符，所以它需要转义：

#P\.C3\.A1gina-aleatoria { }

如果您想在 CSS 中使用其他非标准特殊字符（例如 á），通常可以在代码中不转义地使用它们。

#Página-aleatoria

可以在此处找到有关如何在 CSS 中转义其他字符的完整说明： https://mathiasbynens.be/notes/css-escapes

【讨论】：