1

誰でも無料で使用できるように一般公開される MediaWiki スキンに取り組んでいますが、プロジェクトの完了を妨げていることがあります。これが問題です。

MediaWiki によって動的に生成されるリストがあり (スキンによってではなく、私はこれを制御することはできません)、それ<li>が表すページ名に等しい each と id を割り当てます。現在、英語以外の言語には、「Página Aleatoria」など、これらのページ タイトルに表示される特殊文字があります。このページでは、コードのアクセント付き文字を置き換える id が設定されていることがわかります。このようなもの<li id="P.C3.A1gina-aleatoria">です。

問題は、CSS でこの ID を参照するにはどうすればよいかということです。試してみましたが#P.C3.A1gina-aleatoria、どれもうまくいかないようです。#página-aleatoria#pagina-aleatoria

何か案は？前もって感謝します！

4

2 に答える 2

2

これを試してみてください。" " を使用して、他の言語のようにCSS\の特殊文字をエスケープできます

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

また、次のような属性セレクターを試すこともできます

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

このフィドルをチェックしてください

于 2015-08-20T12:25:36.530 に答える
1

一般的に言えば、バックスラッシュを使用して、CSS で既に意味を持つ文字をエスケープできます (ssilas777 が示すように)。ドットはそのような文字の 1 つであるため、エスケープする必要があります。

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

CSS でその他の非標準の特殊文字 (á など) を使用する場合は、通常、コード内でエスケープせずに使用できます。

#Página-aleatoria

CSS で他の文字をエスケープする方法の完全な説明は、 https ://mathiasbynens.be/notes/css-escapes にあります。

于 2015-08-20T12:29:35.383 に答える