だから私の問題は、CSSファイルbase.cssの何かが原因で、olタグとulタグに箇条書きや1.、2.などが表示されなくなることです。
これはファイルのコードです:
リーリーこの問題の解決に協力して、ol と ul に何を変更できるかを教えてください。
コードを見てみましたが、何も見つかりませんでした。
CSS ファイルを削除して、これが問題の原因であるかどうかを確認しましたが、問題はありませんでした。
CSS ファイルbase.css を削除すると、通常どおり表示され、ol タグと ul タグに箇条書きと以前の数が表示されます。
編集: ol と uls の唯一のクラスは親 div .container であることに注意してください。インスペクタでチェックインすると、li が list-item
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ol タグと ul タグで箇条書きと番号が表示されない問題は、ページ上のすべての要素で list-style 属性が none に設定されていることが原因である可能性があります。これは、base.css ファイルに次のコードを追加すると発生します:
リーリーこの問題を解決するには、このコードを削除するか、ol タグと ul タグに特定のルールを追加して、デフォルトの箇条書きまたは番号を表示します。たとえば、base.css ファイルに次のコードを追加できます:
リーリーこれにより、ol タグと ul タグのリスト スタイル プロパティが初期値に設定され、デフォルトで箇条書きまたは数字が表示されます。
問題は、
これは、レンダリングのためにキューに入れられたままですが、ul/ol要素のパディングに箇条書きが表示され、すべてのパディングを削除するグローバル ルールがあることです。 リーリー0px
の広い領域でレンダリングされるため、表示されないことを意味します。箇条書きが表示されない理由は他にもあります (たとえば、
li
タグのdisplayタイプがlist-itemから > に変更されたため)他のものに変更するか、list-styleルールにより明示的に非表示にします)。ただし、現在検討しているケースにはどちらも当てはまりません。この問題は、次の 2 つの方法のいずれかで解決できます。
ul
/ol要素に一定量のパディングを追加します (例:) リーリーリーリー