1

この正確な問題の解決策が見つかりません。順序付けされたリスト項目に、先頭の数字と黒い四角の両方があります。先頭の数字のみを持ち、黒い四角をなくしたい. の外観を制御する別の高レベルのスタイル シートがあるかもしれませんがli、それをローカルのインライン スタイルでオーバーライドしたいと思います。

HTML:

<ol>
  <li>Light all of the blah blah blah.</li>
  <li>Close the hood and blah blah blah.</li>
  <li>Turn off the  blah blah blah.</li>
  <li>Once the grill has  blah blah blah.</li>
</ol>

私はもう試した:

ol{
list-style-type:none;
list-style:none;
}
li{
list-style:none;
list-style-type:none;
}

...結果: 正方形のみ。

ol{
list-style-type:decimal;
list-style:none;
}
li{
list-style:none;
list-style-type:none;
}

...結果: 正方形のみ。

ol{
list-style-type:decimal;
list-style:decimal;
}
li{
list-style-type:decimal;
list-style:none;
}

...結果: 正方形のみ。

ol{
list-style-type:decimal;
list-style:decimal;
}
li{
list-style-type:decimal;
list-style:decimal;
}

...結果: 数字と正方形。

特定の疑似クラスも試しました(正しい用語だと思います):

li.mine{
list-style-type:decimal;
list-style:decimal;
}

…などなど。それでも先頭の数字と正方形を生成します。

<ol>
  <li class="maintenance">Light all of the blah blah blah.</li>
  <li class="maintenance">Close the hood and  blah blah blah.</li>
  <li class="maintenance">Turn off the  blah blah blah.</li>
  <li class="maintenance">Once the grill has  blah blah blah.</li>
</ol>

更新: どうやら、メインのスタイルシートにはli:before { content: "■"; }

ローカルのインライン スタイルに追加li:before{ content: "" }したところ、正方形がなくなりました。JoshCに感謝します。

4

1 に答える 1

3

:before正方形の原因となる疑似要素が存在する可能性があります。

削除するか、以下を追加してください。

li:before {
    content:"";
}
于 2013-09-16T16:30:47.157 に答える