Javascript 有没有办法在有序列表中设置列表类型的样式？

我使用的是有序列表

咖啡
茶
牛奶

您不能设置实际计数器本身的样式，但可以隐藏并用其他内容替换它。可以是图像、图标或伪元素

下面是一个使用before伪元素的示例

ol{
列表样式：无；
计数器复位：li；
}
李：以前{
内容：计数器（li，上α）；
颜色：#999；/*不管你想要什么，这里是浅灰色*/
显示：内联块；
字体大小：10px；/*无论你需要什么*/
右边距：10px；
}
李{
反增量：李；
}

咖啡
茶
牛奶

您不能设置实际计数器本身的样式，但可以隐藏并用其他内容替换它。可以是图像、图标或伪元素

下面是一个使用before伪元素的示例

ol{
列表样式：无；
计数器复位：li；
}
李：以前{
内容：计数器（li，上α）；
颜色：#999；/*不管你想要什么，这里是浅灰色*/
显示：内联块；
字体大小：10px；/*无论你需要什么*/
右边距：10px；
}
李{
反增量：李；
}

咖啡
茶
牛奶

li{
字体大小：10px；
字号：200；
}
李斯潘{
字体大小：20px；
/*示例字体大小，根据您的喜好更改*/
}

咖啡
茶
牛奶

li{
字体大小：10px；
字号：200；
}
李斯潘{
字体大小：20px；
/*示例字体大小，根据您的喜好更改*/
}

咖啡
茶
牛奶

显然，您可以根据自己的喜好更改颜色

ol{
计数器重置：项目；
}
ol li{
显示：块；
}
奥利：以前{
内容：柜台（项目）“.”；
反增量：项目；
颜色：红色；
}

咖啡
茶
牛奶

显然，您可以根据自己的喜好更改颜色

ol{
计数器重置：项目；
}
ol li{
显示：块；
}
奥利：以前{
内容：柜台（项目）“.”；
反增量：项目；
颜色：红色；
}

咖啡
茶
牛奶

请参见例如，请参见例如，这将更改列表样式。我只希望更新列表类型。在我的情况下，仅更新A、B、C部分是。这将仅对A、B和C进行更改。将样式添加到跨度以进行规格化。我希望你明白了，否则请告诉我。我将创建并共享JSFIDLE。感谢您的帮助，设置整个列表的字体大小完全是为了项目符号，然后对实际项目“选择退出”让我感觉有点背对背。虽然很快！还是个不错的选择！：-）纯代码答案几乎永远都不是好答案。这将更改列表样式。我只希望更新列表类型。在我的情况下，只有A、B、C部分是。这将仅对A、B和C进行更改。将样式添加到跨度以进行规格化。我希望你明白了，否则请告诉我。我将创建并共享JSFIDLE。感谢您的帮助，设置整个列表的字体大小完全是为了项目符号，然后对实际项目“选择退出”让我感觉有点背对背。虽然很快！还是个不错的选择！：-）纯代码答案几乎永远都不是好答案。请注意，/对于在CSS中标记注释无效。必须使用

/*comment*/

@connexo对其进行块标记，注意！我已经习惯于写SCS了。相应地编辑了我的答案。这应该是选择的答案。请注意，

/

对于在CSS中标记注释无效。必须使用

/*comment*/

@connexo对其进行块标记，注意！我已经习惯于写SCS了。相应地编辑了我的答案。这应该是精选的答案。