Css 包括父编号的已排序列表。如何设置小数的样式？

我有一个包含父索引的有序列表

我想用粗体小数，这怎么可能呢

ol.list{
列表样式：无；
计数器复位：罗马；
}
ol.list>li:之前{
反增量：罗马；
内容：计数器（罗马，上罗马）”；
}
ol.list>ol{
列表样式：无；
计数器复位：内部；
}
ol.list>ol li:之前{
反增量：内部；
内容：计数器（罗马，上罗马）”“计数器（内，”）”；
右侧填充：5px；
}

项目
项目
项目
项目

如果更改html是一个选项，您可以为每个li添加一个跨度，该跨度将保留小数，如下所示：

ol.list{
列表样式：无；
计数器复位：罗马；
}
ol.list>li:之前{
反增量：罗马；
内容：计数器（罗马，上罗马）”；
}
ol.list>ol{
列表样式：无；
计数器复位：内部；
}
ol.list>ol li:之前{
反增量：内部；
内容：计数器（罗马，上罗马）”；
右侧填充：5px；
}
ol.list>ol>li>span:之前{
内容：计数器（内部“，”）”；
右侧填充：5px；
字体大小：粗体；
}

项目
项目
项目
项目

这个适合你。它是由您自己的代码完成的，只有一些CSS调整

关于此方法

CSS具有

：：first-letter

伪元素选择器，该选择器选择文本中的第一个字母，但迄今为止没有与

：：last-letter

选择器或

：：CSS中的第二个first-letter

选择器等效的元素

ol.list{
列表样式：无；
计数器复位：罗马；
}
ol.list>li:之前{
反增量：罗马；
内容：计数器（罗马，上罗马）”；
}
ol.list>ol{
列表样式：无；
计数器复位：内部；
}
ol.list>ol li{
位置：相对位置；
}
ol.list>ol li:之前，ol.list>ol li:之后{
内容：计数器（罗马，上罗马）”；
左：-28px；
字体大小：正常；
位置：绝对位置；
}
ol.list>ol li:之后{
反增量：内部；
内容：计数器（内部“，”）”；
左：-15px；
字体大小：粗体；
}

项目
项目
项目
项目

ol.list{
列表样式：无；
计数器复位：罗马；
}
ol.list>li:之前{
反增量：罗马；
内容：计数器（罗马，上罗马）”；
}
ol.list>ol{
列表样式：无；
计数器复位：内部；
}
ol.list>ol li{
左侧填充：30px；
位置：相对位置；
}
ol.list>ol li:之前{
反增量：内部；
内容：计数器（罗马，上罗马）”；
位置：绝对位置；
左：5px；
}
ol.list>ol li:之后{
内容：计数器（内部“，”）”；
字体大小：粗体；
位置：绝对位置；
左：15px；
}

项目
项目
项目
项目

关于注释：似乎可以为整个

:before

伪元素设置

font-weight:bold

，然后用

font-weight:normal

覆盖

:first-letter

，只保留计数器的其余部分为粗体。刚刚在Chrome/Win中测试过，它可以工作。@IlyaStreltsyn但是

I

之后的

呢？它似乎还有

：第一个字母的样式。但是我还没有在所有浏览器中测试过它。@IlyaStreltsyn请粘贴一个提琴或答案，我必须检查一下，因为我已经尝试过这种方法，但没有成功。对不起，我只是用OP的代码测试过它，
在IE11中被视为
：第一个字母
，但在Chrome和Firefox中都没有。稍后将对此进行调查，可能是浏览器错误。