web-dev-qa-db-ja.com

CSSプロパティリストスタイルを<ul> / <ol>または<li>に適用する必要がありますか?

ほとんどのサイトでは、_list-style_を_<li>_に適用する構文を示していますが、チュートリアルサイト( this this など)をいくつか見たことがある_list-style_を_<ul>_または_<ol>_に適用します。

「正しい」方法はどれですか?

41
pixeltocode

W3C CSS2リファレンスによると、これは here にあります。

別の解決策は、リストタイプの要素にのみ「リストスタイル」の情報を指定することです。

ol.alpha  { list-style-type: lower-alpha }
ul        { list-style-type: disc }

継承により、「リストスタイル」の値がOLおよびUL要素からLI要素に転送されます。これは、リストスタイル情報を指定するための推奨される方法です。

したがって、すべての要素が同じになる場合は、リストレベル全体で行うことができますが、たとえば、一部のエントリが異なるグリフ(ディスクではなく正方形など)を持つ場合は、リストエントリレベルで行うことができます。 )意味を伝えるため。また、bothを実行することもできます。リストレベルのスタイルがデフォルトとしてオーバーライドされます(ただし、セレクターの優先順位に注意してください)。

45
Pointy

一般に、リストスタイルがない方がリストスタイルよりも一般的であるため、個人的には、スタイルシートの上部にあるグローバルリセットで両方に適用します。

1
Tom

仕様では、<ul>ではなく<ol>および<li>タグに設定することを推奨しています。

http://www.w3.org/TR/REC-CSS1/#list-style を参照してください

0
Stuart Memo