カテゴリー:
CSS
閲覧数:1183 配信日:2013-03-23 12:19
問題発生
・単純なCSSなのに、どうしても内容が反映されない
解決した方法
・ソースにあった余計なコードを削除したら、無事反映されるようになった
遭遇例
・このCSS見て、何が問題か一発で分かる人がいたら、プロだと思う
・自分はまるで分からなかった
・20分ぐらい悩み続けた
▼style.css
div.main .nav-global>li>a {
padding-top: 0px;
padding-bottom: 0px;
}
div.mian .nav-global>li>a {
}
.nav>li>a:hover
/* グローバルナビ */
/* ソースコード表示 */
div.hoge1 pre {
background-color:#191970;
color:white;
}
div.hoge1 pre {
background-color:#333333;
color:white;
}
div.hoge2 pre{
background-color:#000000;
color:white;
}症状
問題になった症状
・CSS内容が反映されない
・「relative」絡みの「z-index」とか、そんなややこしいヤツではない
・単純なCSS
・具体的には、背景色が反映されない
・「invalid property value css」エラーは表示されていないので、プロパティ記述間違いではない
・クラス名が違っていたとか、そういうオチではない
謎の挙動
一番混乱したのは、以下に記載した「謎の挙動」を示したこと
・一つ目の「div.hoge1 pre」の背景色は表示されない
・二つ目の「div.hoge1 pre」の背景色は表示される
・一つ目の「div.hoge1 pre」を削除すると、二つ目の「div.hoge1 pre」の背景色は表示されなくなる
・つまり、どゆこと？ ？？？
この時の心境は？
・自分の人格を否定されたような気分
・そこまでいかなくても、これまで培ってきたコーディングスキルを全否定されたような気分
・あり得ねええええ！