gpt4 book ai didi

html - css计数器重置: not working in firefox?

转载 作者:行者123 更新时间:2023-12-04 03:44:57 26 4
gpt4 key购买 nike

Firefox 桌面 v84 更新是否破坏了 CSS 计数器重置:功能?
Chrome 和 Edge 渲染正常,但 Firefox 不行
有人可以确认吗?
下面是我正在使用的代码示例:

<html>
<head>
<style type="text/css">
body
{
counter-reset: section subsection;
}
p.section
{
counter-reset: subsection;
}
p.section:before
{
counter-increment: section;
content: "" counter(section) ".0" ": ";
counter-reset: subsection;
}
p.subsection:before
{
counter-increment: subsection;
content: "" counter(section) "." counter(subsection) ": ";
}
</style>
</head>
<body>
<p class="section">Paragraph should be 1.0</p>
<p class="section">Paragraph should be 2.0</p>
<p class="subsection">Paragraph should be 2.1</p>
<p class="subsection">Paragraph should be 2.2</p>
<p class="section">Paragraph should be 3.0</p>
<p class="section">Paragraph should be 4.0</p>
<p class="subsection">Paragraph should be 4.1</p>
</body>
</html>

最佳答案

Ouroborus 对您的问题的评论是关键:使用 counter-set在您的 body 上创建计数器的样式,并继续使用 counter-reset在其他元素上重置它们。我在使用 Firefox 时遇到了同样的问题,并切换到 counter-setbody样式修复了它。
这似乎是最近的 Firefox 更改:以前,计数器似乎是隐式创建的,现在似乎必须显式完成创建。

关于html - css计数器重置: not working in firefox?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65334209/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com