ディベロッパーツールでcssを編集できません。

Question

練習で作成しているページをディベロッパーツールで確認したいのですが、下のstylesという場所が真っ白で、なにも表示されません。

上のエレメンツという場所は表示されています。
調べてみましたが、これに当たる情報がヒットしませんでした・・・
理由がわかる方、宜しくお願いします。

Answer 1

キャプチャで真っ白なのはConsoleです。ConsoleのエリアでStylesという場所が隠れている状態です。
「Styles」という文字と「html」という文字の間の線のあたりにマウスカーソルを持っていくとカーソルが変わると思うので、そこで上にドラッグしてStylesの領域を広げてください。

Comments

[pomu18]

Stylesの領域を広げたら出てきました！ありがとうございました＾＾

[m.ts10806]

細かいところですが、
>hmtl
になってます。

[hwatarig]

>m.ts10806さん　ご指摘ありがとうございます、修正しました。

Answer 2

写真にある白い場所はconsoleですが。
その欄の横にある×マークを押したらよいのではないでしょうか。