CSS をリセットすると、リスト項目がマーカー シンボルなしで表示されます。

Question

だから私の問題は、CSSファイルbase.cssの何かが原因で、olタグとulタグに箇条書きや1.、2.などが表示されなくなることです。

これはファイルのコードです:

リーリー

この問題の解決に協力して、ol と ul に何を変更できるかを教えてください。

コードを見てみましたが、何も見つかりませんでした。

CSS ファイルを削除して、これが問題の原因であるかどうかを確認しましたが、問題はありませんでした。

CSS ファイルbase.css を削除すると、通常どおり表示され、ol タグと ul タグに箇条書きと以前の数が表示されます。

編集: ol と uls の唯一のクラスは親 div .container であることに注意してください。インスペクタでチェックインすると、li が list-item

として表示されます。

Answer 1

ol タグと ul タグで箇条書きと番号が表示されない問題は、ページ上のすべての要素で list-style 属性が none に設定されていることが原因である可能性があります。これは、base.css ファイルに次のコードを追加すると発生します:

リーリー

この問題を解決するには、このコードを削除するか、ol タグと ul タグに特定のルールを追加して、デフォルトの箇条書きまたは番号を表示します。たとえば、base.css ファイルに次のコードを追加できます:

リーリー

これにより、ol タグと ul タグのリスト スタイル プロパティが初期値に設定され、デフォルトで箇条書きまたは数字が表示されます。

Answer 2

問題は、ul / ol 要素のパディングに箇条書きが表示され、すべてのパディングを削除するグローバル ルールがあることです。 リーリー

これは、レンダリングのためにキューに入れられたままですが、

0px の広い領域でレンダリングされるため、表示されないことを意味します。

---

箇条書きが表示されない理由は他にもあります (たとえば、

li タグの display タイプが list-item から > に変更されたため)他のものに変更するか、list-style ルールにより明示的に非表示にします)。ただし、現在検討しているケースにはどちらも当てはまりません。

---

この問題は、次の 2 つの方法のいずれかで解決できます。

• ページ上の

  ul / ol 要素に一定量のパディングを追加します (例: ) リーリー

• パディング領域ではなくこれらの要素内に箇条書きが表示されるように設定します:

  リーリー