CSS3での加算記号の動作はどうですか？

Question

私がこのマニュアルを参照してください午前：https://developer.mozilla.org/en-US/docs/Web/CSS/@counter-style/additive-symbols

が、私は真の理解していない、それは

ダウンを働いているために何をするコードの例です：

HTML5

<ul class="list"> 
 
    <li>One</li> 
 
    <li>Two</li> 
 
    <li>Three</li> 
 
    <li>Four</li> 
 
    <li>Five</li> 
 
</ul>

css3

@counter-style additive-symbols-example { 
 
    system: additive; 
 
    additive-symbols: I 1; 
 
} 
 
.list { 
 
    list-style: additive-symbols-example; 
 
}

Answer 1

CSSはHTMLのための交換ではありません。それは補足的です（あなたは両方が必要です）。

あなたのCSSと関連するHTMLが意図したとおり、それは実際に動作しないことを示して含める：

@counter-style additive-symbols-example { 
 
    system: additive; 
 
    additive-symbols: I 1; 
 
} 
 

 
.list { 
 
    list-style: additive-symbols-example; 
 
}

<ul class="list"> 
 
    <li>One</li> 
 
    <li>Two</li> 
 
    <li>Three</li> 
 
    <li>Four</li> 
 
    <li>Five</li> 
 
</ul>

しかし、現時点では、添加剤のシンボルがonly supported in Firefox（であることに注意してくださいFirefox 33以降から）。 Firefoxでは、これは生産：

は、他のすべてのブラウザでは、あなただけレンダリングされ、通常の箇条書きが表示されます。

希望すると便利です。 :)