1

我正在开发一个 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这些似乎都不起作用。

有任何想法吗？提前致谢！

4

2 回答 2

2

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

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

您也可以尝试属性选择器，例如

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

检查这个小提琴

于 2015-08-20T12:25:36.530 回答
1

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

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

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

#Página-aleatoria

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

于 2015-08-20T12:29:35.383 回答