我正在开发一个MediaWiki皮肤,它将向公众发布,供任何人免费使用,但有些东西阻止我完成整个项目。这是问题所在。
有一个由MediaWiki动态生成的列表(不是皮肤,所以我无法控制它),它分配每个<li>
和id等于它所代表的页面名称。现在,除英语之外的其他语言都有特殊字符,这些字符可能会显示在这些页面标题中,例如“PáginaAleatoria”。对于这个页面,我看到一个id被设置为替换某些代码的重音字符,这看起来像这个<li id="P.C3.A1gina-aleatoria">
。
现在问题是如何在CSS中引用此ID?我尝试了#P.C3.A1gina-aleatoria
,#página-aleatoria
和#pagina-aleatoria
,但这些似乎都没有效果。
有什么想法吗?提前谢谢!
答案 0 :(得分:2)
试试这个,您可以使用“\
”来转义CSS中的特殊字符,就像其他语言一样
#P\.C3\.A1gina-aleatoria { }
您也可以尝试像
这样的属性selectorsli[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