一种样式化的有序列表,其嵌套列表应使用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,拉丁语上部)代码>