问题标签 [css-counter]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery - 如何将 div:after 的值复制到其他 div
我有一个简单的li元素列表，我想使用CS Scounter() 函数对其进行计数。
问题是计数器应该在页面的末尾（在.sum- 毕竟li它需要计算在内），但我需要在页面顶部（在.mirroror内.mirror:after）显示它的值。
我试图找到一些jQuery解决方案，但没有任何效果。我认为问题在于从:after 伪元素中获取价值。
html - SCSS counter with nested divs
I have a problem with CSS and counter. The second h3 should have the number "1.2" but in my case it has always the number "1.1".
Is this a problem with the divs around the h3 or did I make a mistake with the counter-reset? Thanks for your help! :)
I have the following HTML:
html - 打印文档并以html显示时如何计算打印的总页数？
我正在尝试显示每个打印页面的总页码。
对于当前，它只会显示第一页的总页数。
例如，总页数为 3，它显示
我正在尝试大部分样本，但没有运气。有没有办法做到这一点？
html - 如何将最后一个计数器值存储在 css 中并在 html 中显示为内容？
例如，我的 CSS 如下所示：
当显示为内容时，例如 6 页：
我想存储最后一个计数器 - 6 - 并在每个项目之后打印出来。有可能这样做吗？
我.page-number的位置是固定的，它将显示在所有打印的页面上。
更新：
html - 是否可以使用 CSS 计数器来增加元素的旋转
是否可以使用 CSS Counter 函数来增加元素的旋转？对于每个<li>元素，我想比最后一个<li>元素多旋转 2 度。我正在尝试类似的东西：
这是否可以仅使用 CSS 来实现？
css - 如何保持跨表的 CSS 计数器一致？
我的 HTML 文档已格式化以打印其内容。每张打印的页面都装在一张桌子内。
该文档还在页面上布置了标题 (h1...h5)。
问题是当一个子标题（在 h2..h5 级别）在下一个打印页面（即：表格）上继续时。
这就是我得到的：
如您所见，当在下表中引用时，H2 元素已被排除在外。具体来说，当我希望它是“1.4”时，它是“1.1”。
这是我的html/css：
html - html 中的@Counter 样式规则
我知道 css 计数器功能，但最近我遇到了@counter-style https://www.w3.org/TR/css-counter-styles-3/，我们可以使用它来定义计数器的自定义规则。
我尝试在本地查看 counter-style 的效果，但浏览器不支持 counter-style 属性。
HTML 前
浏览器仅以正常方式呈现内容，我只能看到项目符号。不是所有浏览器都支持吗？任何人都可以让我为@counter-style工作。
css - 具有动态子元素的 Css 嵌套计数器
我在嵌套菜单中使用 css 计数器。并且由于 chrome 65 开始出现奇怪的错误。基本上，当子菜单项以动态方式出现时，计数器开始泄漏到父级的兄弟元素。
https://jsfiddle.net/6ouvzhvd/14/
初始打开页面时看到一个计数器，这是正确的：
这就是它在动态出现时的样子（单击隐藏 -> 显示）：
还有其他人在使用最新的 chrome 时遇到此问题吗？谢谢！
javascript - 获取伪元素计数器下一个值
如何获得伪元素计数器值的增量值。
JavaScript中有什么方法可以获取上面计数器内容的值。
谢谢。