文字に影をつける

このサイトを更新しながらhtmlやcssを学習していますが、このところ更新が途絶えがちになっています。

そこで、何か一つと考えたのが「文字に影をつける」ということ。
地味な記事のタイトルに影をつけてみようと思い立ちました。

こういうときスタイルを適用するセレクタを選ぶのが一苦労。
テンプレートを使用していてもともと自分で作成したものではないからです。

しかし記事のタイトルにはわかりやすいクラス名がついていて、今回はあっさりわかりました。

しかしやってみたらなんとなく見苦しく感じたので、とりあえずこの記事のタイトルだけ影を表示します。

記事毎に個別のIDが設定されているので、それを利用すればできるはず。

で、うまくいくだろうか?

おかしい???

パソコンで見ると、GoogleChromeでは影がつかない。
IEだと影がつく。
スマホの場合はChromeもその他のブラウザもではちゃんと影がついているのに。

2017年3月10日追記:問題解決! 次の記事に続く