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

时间:2015-08-20 12:23:09

标签: css css3 less mediawiki mediawiki-templates

我正在开发一个MediaWiki皮肤,它将向公众发布,供任何人免费使用,但有些东西阻止我完成整个项目。这是问题所在。

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

现在问题是如何在CSS中引用此ID?我尝试了#P.C3.A1gina-aleatoria#página-aleatoria#pagina-aleatoria,但这些似乎都没有效果。

有什么想法吗?提前谢谢!

2 个答案:

答案 0 :(得分:2)

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

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

您也可以尝试像

这样的属性selectors
li[id="P.C3.A1gina-aleatoria"] {}

选中此fiddle

答案 1 :(得分:1)

一般来说,您可以使用反斜杠来转义已经在CSS中具有意义的字符(如ssilas777演示)。点是一个这样的字符,所以它需要转义:

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

如果您想在CSS中使用其他非标准特殊字符(例如á),通常可以在代码中使用未转义的字符。

#Página-aleatoria

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