一种样式化的有序列表,其嵌套列表应使用CSS计数器属性包含带字母的数字

一种样式化的有序列表,其嵌套列表应使用CSS计数器属性包含带字母的数字,css,list,css-counter,Css,List,Css Counter,我想在下的my中向-元素添加一个字母,如: body{counter reset:item;} 李:以前 { 反增量:项目; 边缘底部:5px; 右边距:10px; 内容:柜台(项目); 背景:蓝色; 边界半径:100%; 颜色:白色; 宽度:1.2米; 文本对齐:居中; 显示:内联块; } ol.编号\样式\开始\ 3{ 计数器复位:第2项; } ol.none,ul.none,ol.Number_样式{列表样式:无;} 首先 第二 同侧第三眼线 数字后缺少a 数字后缺少a或b 数字后缺少

我想在
下的my中向
  • -元素添加一个字母,如:

    body{counter reset:item;}
    李:以前
    {
    反增量:项目;
    边缘底部:5px;
    右边距:10px;
    内容:柜台(项目);
    背景:蓝色;
    边界半径:100%;
    颜色:白色;
    宽度:1.2米;
    文本对齐:居中;
    显示:内联块;
    }
    ol.编号\样式\开始\ 3{
    计数器复位:第2项;
    }
    ol.none,ul.none,ol.Number_样式{列表样式:无;}
    
    
  • 首先
  • 第二
  • 同侧第三眼线
  • 数字后缺少a
  • 数字后缺少a或b
  • 数字后缺少一个c

  • 当然,您可以做
    可以做的任何事情

    ol.numbered_style.start_3{
      counter-reset: item2; 
    }
    
    ol.numbered_style.start_3 li:before {
        counter-increment:item2;
        content:counter(item2, upper-latin);
    }/* List Style Type========^----------^*/
    
    计数器列表样式类型

    • 十进位--------------------1,2,3

    • 十进制前导零-----------------01,02,03。。。09、10、11

    • 低阿尔法, 低级拉丁语------a,b,c。。。z、 aa,ab

    • 上阿尔法, 上拉丁语------A,B,C。。。Z、 AA,AB

    • 下罗马人------------------一、二、三、四、五、六

    • 上罗马---------------------一、二、三、四、五、六

    • 星号----------------------
      *,***,***,

    参考

    片段

    body{counter reset:item;}
    李:以前
    {
    反增量:项目;
    边缘底部:5px;
    右边距:10px;
    内容:柜台(项目,上罗马);
    背景:蓝色;
    边界半径:100%;
    颜色:白色;
    宽度:1.2米;
    文本对齐:居中;
    显示:内联块;
    }
    ol.编号\样式\开始\ 3{
    计数器复位:第2项;
    }
    ol.编号\u样式.开始\u 3 li:之前{
    反增量:第2项;
    边缘底部:5px;
    右边距:10px;
    内容:“3”计数器(项目2,上拉丁语);
    背景:蓝色;
    边界半径:100%;
    颜色:白色;
    宽度:1.2米;
    文本对齐:居中;
    显示:内联块;
    }
    ol.none,ul.none,ol.Number_样式{列表样式:无;}
    
    
  • 首先
  • 第二
  • 同侧第三眼线
  • 数字后缺少a
  • 数字后缺少一个b
  • 数字后缺少一个c
  • 试试这个:

    ol.main{
    计数器重置:项目;
    }
    李美茵{
    反增量:项目;
    }
    李:以前{
    边缘底部:5px;
    右边距:10px;
    内容:柜台(项目);
    背景:蓝色;
    边界半径:100%;
    颜色:白色;
    宽度:1.2米;
    文本对齐:居中;
    显示:内联块;
    }
    L.编号的(风格)L.编号的(风格)李{
    反增量:子项;
    }
    L.编号的样式L.编号的样式李:之前{
    内容:计数器(项)计数器(子项,下标);
    }
    无,
    ul.none,
    ol.U风格{
    列表样式:无;
    }
    
    
  • 首先
  • 第二
  • 同侧第三眼线
  • 数字后缺少a
  • 数字后缺少a或b
  • 数字后缺少一个c

  • 首先
  • 第二
  • 同侧第三眼线
  • 数字后缺少a
  • 数字后缺少a或b
  • 数字后缺少一个c

  • 谢谢你的回答,但我想要3a、3b、3c,而不仅仅是a、b、,c@Grischa参见更新的演示
    内容:“3”计数器(项目2,拉丁语上部)