css - 私の弾丸が i) wordpress を使用して表示されるようにしたい

Question

私はワードプレスを使用していますが、箇条書きを i) ii) iii) のように表示したいのですが、実際に探しているのはブラケットです。

Answer 1

[編集および修正。ありがとう、マイク・ミラー！]

CSSカウンターを使用できます:)

ul {
    counter-reset: items 0;
}
li {
    list-style-type: none;
}
li:before {
    counter-increment: items 1;  
        content: counter(items, lower-roman) ") ";
}

これがどのように機能するかは、http://dabblet.com/gist/2724823でライブで確認できます。

Answer 2

あなたにできる最善のことは

li:before { content: ")" };

そして、負の左マージンを設定します。

Answer 3

特定の番号付けスタイルが不可欠な場合は、それをコンテンツの一部にして、デフォルトのブラウザ生成番号を抑制するか、ulマークアップをまったく使用しないようにします。

<div>i) first item</div>

または（数値のスタイルを設定する必要がある場合

<div><span class=num>i)</span> first item</div>

別の方法として、CSS (生成されたコンテンツと:before疑似要素) を使用して数値を生成することもできますが、特にすべてのブラウザーで適切な表示を確保する必要がある場合は、面倒です。