Q&A
コードは画像ベースではなくテキストベースで、マークダウンにてご提示ください
また、タイトルは起きている問題に寄せてください。プロゲートの受講の必要性があったりするとそもそもアドバイスを得られない可能性もあります。
受講中の問題ではなくあくまでご自身の手元で起きているものとしてご提示ください。
質問は編集できます。
前提・実現したいこと
Prog### 前提・実現したいこと
Progate
HTML.CSSの初級レッスン13にてリストに黒点を消す問題であるが、そもそもリストの黒点が表示されてない。
試したこと
display:list-item;
list-style:disc;
をCSSに追加したが出なかった。
初投稿です至らない言葉があったらすみません。
よろしくお願いします
回答1件
0
ベストアンサー
プレビュー用のページにリセットCSSが元から入ってました。
css
1li, h1, h2, h3, h4, h5, h6, form, html, p, input, div, body, ul, ol { 2 margin: 0; 3 padding: 0; 4 transition: all .3s ease; 5}
デベロッパーツールでpadding: 0;を外したらマークが出てきたので、progateの課題側の問題かと思います。（出ている点が消えた という「課題の達成」ができないという意味で）
投稿2019/10/29 05:18
総合スコア3235
ご回答ありがとうございます！
申し訳ございませんが、重ねてご質問なんですが、プレビュー用のページにというのは、windowsでF１２を押したら出る画面のことでございますか？
初心者な物で質問ばかり申し訳ございません。
こちらはChromeで確認をしているのでF12を押して出てくるデベロッパーツールでの確認です。
右クリックで「フレームのソースを表示」してもコードは出てこないので課題を行っている画面でデベロッパーツールを起動し、iframeの中を直接確認しています。
返信ありがとうございます。
分かりました、確認してみます。
ありがとうございました！
試しにブラウザデフォルトのpadding
ul{
padding-left:40px;
}
をわざと入れてみてください。
list-style: none;を入れた時と入れないときの差がわかると思います。
あなたの回答
tips
プレビュー
