2

私はこのように見えるようにカスタムol>liを作成しています

1 | コンテンツの一覧表示

2 | コンテンツの一覧表示

3 | コンテンツの一覧表示

この投稿を参照しました: HTML + CSS: ピリオドなしの順序付きリスト?

しかし、数字を表示することができず、標準の数値カウントに従ってピリオドなしで表示する必要があります。

ここに私のコードがあります:

#content ol > li:before{
    content: counter(customlistcounter) " |";
    counter-increment: customlistcounter;
    margin-left: -21px;
    float: left;
    width: 1em;
}
#content ol li{
    padding-left: 21px;
4

1 に答える 1

1

cssで動作させるためのいくつかの手順がありませんでした。主に追加：#content ol:first-child { counter-reset: customlistcounter;}。ここで、現在どのように正しく機能しているかを確認できるように、例を設定しました：http: //jsfiddle.net/n5wx4/

他のポスターが言っているように、これはやや新しいブラウザでのみ機能するため、IE6と7はリリースされていません。

于 2011-09-18T05:10:07.087 に答える