動かないあるある CSS

なぜだ、なぜ動かん、絶対バグってるよ、オレが第一発見者だ。
皆さんも経験あるかと思います。
しかし動かない理由は本当に些細な事なのだ。

ドハマリする時の条件がわかりました。
やはり新しい難しいことをしようとするときだ。
調べまくりで試行錯誤するものだからイージーミスが見えない。
自分の知らない秘密があるに違いないと猛烈調べるわけ。
こういうときは頭を冷やす。簡単なものに置き換えてチェックする。

クラス名の見間違え

これは時間食った、ふざけんなですよ。

当サイトのテーマではサイドバー以外にも、ウィジェットを記事の下とかにつけれる。
両方ともwidgetクラスを使ってるからクラス名はほぼ同じと思ったのです。
h3タグはクラス名が違った。
widgettitleクラスとwidget-titleクラス。
いやーほんとくたびれたわ。

その他

セレクタを疑ったほうがいいね。
「,」がさ、「.div1, .div2, {~}」これもう動かないものね。

またすごく手こずった話がでたら追加しようと思います。