firefoxを使用してcllass要素を表示させたい。

質問

すみません。firefoxを使用しながら　ホームページのコーディングをがんばって勉強しております。

HPを画面表示をしてある状態で、"表示"の"Firebug"をクリックすると画面下左には　html 右にはスタイルシート　が表示されます。htmlのdiv要素やh1やul　などのcssを確認したい場合にはそれぞれをクリックすると画面右に表示されるのですが・・・

<li><a href="*"><img src="img/*.gif" alt="" width="" height="" class="koko" /></a></li>

の場合　class="koko" の表示がされません。このクラスには何が設定されているのかが知りたいのですが、表示させる方法はあるのでしょうか?
教えてください。よろしくお願いします。

回答No.4

think49 · ベストアンサー

私の場合、

1. ブラウザの <img src="img/*.gif" alt="" width="" height="" class="koko" /> が表示されている箇所で右クリックして [要素を調査] を選択
2. HTMLノードツリーで該当要素(img)が選択され、右側の [スタイル] と書かれたタブに選択した要素のスタイルが表示される

って感じでいつも確認しています。どうでしょうか？

これで空白だったら、選択した要素にはスタイルが指定されていないのだと思います。

お礼

ご指摘の通り実行してみましたが、何も表示されませんでした。
ためしに　他のclassで実行してみたら表示できましたので、やはり　設定されていないのですね。
でも、「要素の調査」こんなのがあったのですね。これは　分かりやすいですね。ありがとうございました。

回答No.5

think49

#4です。一つ補足を。

[要素を調査] は指定した要素を選択するのが結構難しいので、ノードツリーで選択できているか確認してから
スタイルを調査してみてください。

今回の場合、a要素が親にあるので、a要素が選択されてしまうかもしれません。
違った要素が選択されていたら、HTMLのノードツリーを開いて目的の要素を選択し直せばOKです。

お礼

補足　わざわざありがとうございました。助かりました。

回答No.3

reggaepunc

そもそも何も設定されていないとか。
htmlに記述があっても、cssの記述がなければfirebugでは表示されません。

お礼

早速実行してみましたが、表示されませんでした。おそらくご指摘通り　何も設定されていない可能性があるかな？と思えてきました。
他はきちんと表示されるのでおかしいと思っていたので・・ありがとうございました。

回答No.2

naokita

CSSタブでCSSを開き
検索窓に検索したい class や ID など（例では　koko　）を入力。
反転表示される。
複数やセレクタ関係があるかもしれないので Enter で確認。

お礼

ご指摘とおり　いろいろ実行してみましたが表示されませんでした。
html内には　class="koko" の設定が多数ありますが・・なにか意味があるのかと思っていましたが・・わかりませんでした。

追加ですが　このように
<img src="img/*.gif" alt="" width="" height="" class="koko" />

img内に　classの設定をしてもいいものなんでしょうか

いつもお答えしてもらっているので、ついつい甘えて追加質問してしまいました。
ありがとうございました。

回答No.1

salonpath

cssタブ内に表示されません？

お礼

cssタブ内に表示されませんでした。　他は表示されるので・・・他の方がご指摘されたように何も設定されていないと思いました。
ありがとうございました。