更新before疑似要素を使って、ul要素内のli要素の先頭に大きめの「●」を付けている@web_shufuです。先日、全ファイルの文字コードをUTF-8に統一しているにもかかわらず、「●」が「笳」に文字化けするという理解不能な状態が発生して、復旧に30分以上かかったのでメモ。Shufuでは、ul要素内のli要素にbefore疑似要素を設定して、以下のようなスタイルをあてていました。vertical-align:middle;}これで、今までは問題なく「●Wordpress」のような箇条書き表記が出来ていたのです。症状ところが、何の前触れもなく、すべてのul要素内のli要素で「●」が「笳」に変わりました。いままで「●Wordpress」となっていたところが「笳Wordpress」に変わったわけです。やってみたが最近プラグインのアップデートをしたので、それが原因かと思って、プラグインを無効にしてみたり削除してみたり色々しました。相変わらず「笳」がのさばっています。プラグインのアップデータなど関係なかったようです。救世主登場そんな私の前に颯爽と現れたのが、以下のサイトでした。Colorpicker半角英数や半角の記号ならそのままでOK。クォーテーションなどのメタ文字は\でエスケープしないと表示されない。日本語などの2バイト文字も書いたまま表示されるけど、数値文字参照の値で書いた方が無難です。結局、今までのCSSはいつ文字化けしてもおかしくない状態だったわけです。文字参照についても注意点が。&を¥に変更する、#とxを削るか0に変更する、ミコロンを削除する、と3ステップ踏む必要があります。”;の引用符の内側に入れないといけないみたいです。その通りやるとうまくいきました。新CSS新しいCSSは以下の通りです。vertical-align:middle;}なお、ワンクリックで文字を16進数文字参照に変換してくれるサイトも見つけました。Scriptogr.amなかなか便利です。fシェアtツイートB!はてブ著者:ウェブシュフFP主夫ブロガー。メインサイトは家計ブログ。PHPやSEOと格闘しつつWordPressで運営しています。サイトをいじったときの備忘録などウェブ関連のことをまとめたサブサイトとして当サイトを運営しています。当ドメインの運営歴は現在8年目です。コメントをキャンセルメールアドレスが公開されることはありません。よる表記とプライバシーポリシ。