如何在CSS中引用具有特殊字符的ID

我正在制作一个MediaWiki皮肤，该皮肤将会公开发布给任何人免费使用，但有些东西阻止我将其封装起来。这是问题。如何在CSS中引用具有特殊字符的ID

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

现在的问题是我该如何在CSS中引用此ID？我试过#P.C3.A1gina-aleatoria,#página-aleatoria和#pagina-aleatoria，但这些似乎都没有工作。

任何想法？提前致谢！

来源

2015-08-20 Guillermo Carone

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

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

，你也可以尝试属性selectors像

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

入住这fiddle

来源

2015-08-20 12:25:36 ssilas777

完蛋了！谢谢！ :) –

@GuillermoCarone如果它适合您，您可以将其标记为正确答案。所以其他人也可以识别。 – ssilas777

我做过了，但显然我的选票只有在达到15或更高的声望时才会显示出来...... –

一般来说，您可以使用反斜杠来转义C中已有含义的字符SS（如ssilas777演示）。该点就是这样的性格，所以它需要转义：

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

如果你想使用CSS其他非标准特殊字符（如A），就可以正常只使用他们在你的代码转义。

#Página-aleatoria

如何逃脱在CSS中其他人物的完整的解释在这里找到： https://mathiasbynens.be/notes/css-escapes

来源

2015-08-20 12:29:35 cjol

如何在CSS中引用具有特殊字符的ID

回答

相关问题