Html 需要使用CSS为标题创建订单列表编号和字母表编号

Html 需要使用CSS为标题创建订单列表编号和字母表编号,html,css,Html,Css,我想使用CSS为标题创建顺序号和顺序字母 h4.heading\u numberlist{ 计数器增量:列表编号; 利润率上限:12.0pt; 右边距:0英寸; 保证金底部:3.0pt; 左边距:0英寸; 换页后:避免; 字号:12.0pt; 字体系列:“Arial”,无衬线; 颜色:黑色; 字体大小:粗体; } h4.标题_编号列表::之前{ 内容:计数器(列表编号,十进制)'; } 服务 测验 数 对于数字: h4.标题\编号列表::之前{ 内容:计数器(列表编号,十进制)'; } 信

我想使用CSS为标题创建顺序号和顺序字母

h4.heading\u numberlist{
计数器增量:列表编号;
利润率上限:12.0pt;
右边距:0英寸;
保证金底部:3.0pt;
左边距:0英寸;
换页后:避免;
字号:12.0pt;
字体系列:“Arial”,无衬线;
颜色:黑色;
字体大小:粗体;
}
h4.标题_编号列表::之前{
内容:计数器(列表编号,十进制)';
}

服务
测验
数
对于数字:

h4.标题\编号列表::之前{
内容:计数器(列表编号,十进制)';
}
信件:

h4.标题\编号列表::之前{
内容:计数器(列表编号,大写字母)';
}
添加此项后,您不需要在
h4.heading\u numberlist
中添加
内容


是一个示例JSFiddle,演示了
上层alpha
示例。

为此,最好使用有序列表元素。您也可以使用CSS更改项目符号类型

ol{
列表样式类型:大写字母;/*删除此项以显示常规数字*/
}

  • 服务
  • 测验

  • 事实上,我想知道为什么您需要使用h4作为有序列表。自HTML以来,已为订单列表提供语义标记。它支持您想要的任何类型的订单列表

    所以最好是这样做

    
    
  • 项目1
  • 项目2
  • 项目3
  • 项目1
  • 项目2
  • 项目3

  • 您需要在div中递增,而不是在h4中递增

    h4.heading\u numberlist{
    利润率上限:12.0pt;
    右边距:0英寸;
    保证金底部:3.0pt;
    左边距:0英寸;
    换页后:避免;
    字号:12.0pt;
    字体系列:“Arial”,无衬线;
    颜色:黑色;
    字体大小:粗体;
    }
    h4.标题_编号列表::之前{
    内容:计数器(列表编号,大写字母)“;/*将大写字母更改为十进制数字*/
    }
    .主题{
    计数器增量:列表编号;
    }
    
    服务
    测验
    数
    
    请参见此处。所有题目我都得1分。我用你的答案编辑了这个问题。请参见hi@Paulie\D谢谢您的反馈。我编辑了我的答案以包含此答案的示例。谢谢