counter の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• +CSS+counter へ行く。
• +CSS+counter の差分を削除

#author("2022-12-20T14:30:02+08:00","default:Admin","Admin")
#author("2022-12-20T14:42:01+08:00","default:Admin","Admin")
[[スタイルシートCSS]]

#contents

* 使用方法 [#ldfd0f39]


** counter() [#ab16aa57]

#codeprettify{{
元素:before{
content:counter(计数器);
}
}}

有两种形式：counter(name)和counter(name,style)

style参数是用来定义计数器的风格

- disc：实心圆样式
- circle：空心圆样式
- square：实心方块样式
- decimal：阿拉伯数字样式
- lower-roman：小写罗马数字样式
- upper-roman：大写罗马数字样式
- lower-alpha：小写英文字母样式
- upper-alpha：大写英文字母样式
- none：不使用项目符号
- armenianl：传统的亚美尼亚数字样式
- cjk-ideographic：中文浅白的表意数字样式
- georgian：传统的乔治数字样式
- lower-greek：基本的希腊小写字母样式
- hebrew：传统的希伯莱数字样式
- hiragana：日文平假名字符样式
- hiragana-iroha：日文平假名序号样式
- katakana：日文片假名字符样式
- katakana-iroha：日文片假名序号样式
- lower-latin：小写拉丁字母样式
- upper-latin：大写拉丁字母样式
* 示例 [#j0963c4c]

#codeprettify{{
/*为h2和h3自动添加序号*/
.postBody h2:before
{
  /*内容显示为：计数器h2counter的值转换为中文数字格式+顿号，格式：一、*/
  content: counter(h2counter, cjk-ideographic) ' ';
}
.postBody h2
{
  /*重置计数器h3counter的值*/
  counter-reset: h3counter;
  /*计数器h2counter的值增加1*/
  counter-increment: h2counter;
}


.postBody h3:before
{
  /*内容显示为：计数器h2counter的值+点+计数器h3counter的值，格式：1.1*/
  content: counter(h2counter) "." counter(h3counter) " ";
}
.postBody h3
{
  /*计数器h3counter的值增加1*/
  counter-increment: h3counter;
}
}}

#hr();
Comment：
#comment_kcaptcha