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



我正在开发一个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中的特殊字符

#P.C3.A1gina-aleatoria { }

你也可以尝试像

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

检查这个提琴

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

#P.C3.A1gina-aleatoria { }

如果想在CSS中使用其他非标准特殊字符(如),通常可以在代码中不转义地使用它们。

#Página-aleatoria

关于如何在CSS中转义其他字符的完整解释可以在这里找到:https://mathiasbynens.be/notes/css-escapes

相关内容

  • 没有找到相关文章

最新更新