before疑似要素のcontentで文字化けが起こった場合の対処法 – HCDコンサルティング（旧・中川勉社会保険労務士事務所FPウェブシュフ）のブログbefore疑似要素を使って、ul要素内のli要素の先頭に大きめの「●」を付けている@web_shufuです。先日、全ファイルの文字コードをUTF-8に統一しているにもかかわらず、「●」が「笳」に文字化けするという理解不能な状態が発生して、復旧に30分以上かかったのでメモ。 元々のCSS 当サイトWeb Shufuでは、ul要素内のli要素にbefore疑似要素を設定して、以下のようなスタイルをあてていました。 ul li:before { content:"●"; color:#00a48c; font-weight:bold; font-size:24.5px; vertical-align:middle; } これで、今までは問題なく「●Wordpress」のような箇条書き表記が出来ていたのです。 症状 ところが、何の前触れもなく、すべてのul要素内のli要素で「●」が「笳」に変わり
