Css 如何使OL替代为其指定的列表样式以符合类型属性

情况是，主题附带的样式表中有一个具有以下内容

ol{list style:decimal；}

。但是，对于这个特定的页面，我希望它使用由

ol

元素的

type

属性定义的样式

乙二醇

首先
第二

或

首先
第二

我尝试了

ol{list style:initial}

和

ol{list style:inherit}

，但没有成功

---

有人能给我一种使用CSS重置应用样式的方法吗？

类型属性在HTML4中被弃用，并在HTML5中重新引入[1]。除非在法律文件中，否则不应该使用它。理想情况下，您可以在CSS中覆盖此内容。但是，您可以通过在每个li[2]上放置不同的类型来覆盖有序列表的type属性：

<ol type='i'>
  <li type="a">first</li>
  <li type="a">Second</li>
</ol>

首先
第二

就您的示例而言，这里有一把小提琴，展示了这项技术的工作原理：

参考资料：

---

当CSS属性在用户样式中全局定义时，由于计算方式的不同，您无法从HTML属性更改此样式

列表样式类型：初始也不起作用，它用于重置为浏览器，而不是主题默认值

因此，您必须编写自己的、更具体的CSS。 对于这个用例，您可以使用

那么结果会是这样的：

HTML

首先
第二
首先
第二

CSS

/*主题定义的样式*/
ol{
列表样式：十进制；
}
/*您的页面定义列表*/
ol[type='a']{
列表样式类型：低alpha；
}
ol[type='i']{
列表样式类型：下罗马；
}

---

---

您可以在codepen（）中使用此代码。

样式表是如何排序的？请检查此项，它可能就是您所看到的for@CarlEdwards我的样式将在页面上内联显示。因此，这将是最优先于其他人的事情。@Guy04谢谢，这不是我所希望的。对不起，我刚刚更新了这个问题，但十进制是的默认值，您不觉得这与

有什么混淆吗？

<ol type='i'>
  <li>first</li>
  <li>Second</li>
</ol>

<ol type='i'>
  <li type="a">first</li>
  <li type="a">Second</li>
</ol>