如何在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

回答

相關問題