Html 阿拉伯语的有序列表不起作用

Html 阿拉伯语的有序列表不起作用,html,css,css-counter,Html,Css,Css Counter,我需要按顺序显示订单列表中的数据。示例1、2、3、3.1、3.2、4 当我使用下面的CSS时,它会以正确的英语顺序显示内容表,如果我必须用阿拉伯语显示类似的内容,那么它就不能用阿拉伯语显示。当我将其与ul一起使用时,它会显示阿拉伯数字,但随后我会丢失格式,如3.1、3.2…. ol li:before { content: counters(item, ".") " "; counter-increment: item; font-weight:bold; } 如何设置订单列表的格式,以将订单

我需要按顺序显示订单列表中的数据。示例1、2、3、3.1、3.2、4

当我使用下面的CSS时,它会以正确的英语顺序显示内容表,如果我必须用阿拉伯语显示类似的内容,那么它就不能用阿拉伯语显示。当我将其与
ul
一起使用时,它会显示阿拉伯数字,但随后我会丢失格式,如
3.1、3.2….

ol li:before { content: counters(item, ".") " "; counter-increment: item; font-weight:bold; }
如何设置订单列表的格式,以将订单列表中的目录显示为

  • 一,
  • 二,
  • 三,
  • 3.1
  • 3.2
  • 3.3
  • 四,
  • 五,

  • ol的编号实际上是使用计数器而不是默认列表样式完成的。因此,计数器的编号样式应设置为
    阿拉伯文-印度文
    (非固定版本),而不是
    列表样式类型

    代码片段的关键部分是我们设置样式的下面一行。计数器函数中的第三个参数是编号样式(第一个是计数器名称,第二个是分隔符)

    ul{
    方向:rtl;
    列表样式类型:阿拉伯文-印度文;
    }
    .手册第页{
    颜色:#687074;
    计数器重置:项目;
    }
    ol{
    列表样式类型:阿拉伯文-印度文;
    方向:rtl;
    计数器重置:项目;
    颜色:#687074;
    }
    欧利{
    显示:块;
    填充:5px0;
    }
    奥利亚{
    文字装饰:无;
    颜色:#687074;
    左侧填充:10px;
    }
    奥利:以前{
    内容:计数器(项目“.”,阿拉伯语-印度语“);
    反增量:项目;
    字体大小:粗体;
    }
    
    
    列表OL
  • 列表UL

    你的意思是你想显示
    ul
    ol
    一样吗?当我添加
    时,阿拉伯数字与ol不起作用。我需要它来与Oly一起工作。你的意思是像吗?@Harry,我错过了窍门。。感谢阿拉伯文,它显示的数字是
    3.1
    3.2
    ,而它应该是
    1.3
    2.3
    ,3.3
    4.3`。。。。对不起,我不能复制阿拉伯数字,所以我使用数字作为参考。我的意思是这样的:学习:但原来的小提琴本身也是这样显示的(用英语)。我不确定我是否能够解释英文版,我们显示的子页是3.1,3.2。。。。但对于阿拉伯语版本,它应该是
    1.3,2.3
    ;而is显示为
    。。我会以任何方式标记你的答案是正确的,只是想知道这是否可行。。
    
    content: counters(item, ".", arabic-indic)" ";