问题标签 [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.
javascript - 自定义页面计数器在打印预览 (Chrome) 中不起作用
我正在处理 AngularJS 项目，我需要打印一个包含未知行的表（通常超过 200 行，所有行都使用 ng-repeat 自动生成）。但是，我需要计算总页码并将其显示在右上角的表格标题中，格式如下：“Page X of Y”。
我已经阅读了许多与分页、CSS 计数器（计数器重置、计数器增量等）相关的文章。它们都以某种方式工作，即检测在每个页面上重复的元素。就我而言，每一行都有相同的类，并且没有唯一标识符可以帮助我计算页面数并增加当前页面计数器。
我拥有的当前 HTML 与此类似：
编辑1：
预览需要自定义禁用默认页眉和页脚，即使它们已经包含分页
html - HTML 中使用奇数编号的有序列表
在 HTML 中使用<ol type="1">，我可以获得如下所示的有序列表：
- 我喜欢奶酪
- 饼干很好吃
- 奶油很好...
我将如何使用<ol>得到一个只有奇数编号的有序列表，像这样？
1.我喜欢奶酪
3.食物很好吃
5.我希望星星...
html - Create line numbers on pre with CSS only
I try to style a code pre box with line numbers in front of each line. I prefer to do it with CSS only. This is what I have done
However, all the lines have the number 1. The increment doesn't work. Here is a jsfiddle
- What I am doing wrong?
- What is the browser compatibility with this CSS only solution?
css-counter - CSS 计数器 span 元素行为
我正在尝试掌握 CSS 计数器的窍门，但似乎我无法理解它。
这是我拥有的一个最小示例：
我得到的结果是：
1.1 基础
定理 1.0.1：非常重要的定理！
1.2 一些组合学
定理 2.0.2：非常重要的定理！
为什么第二个计数器保持在 0？为什么我可以计算跨度元素？
html - 如何在我的 CSS 代码中增加计数器？
在我的html代码中，我定义了以下列表：
现在，在css我有：
页面上的结果是：
如何将第二个数字增加到 2 的值？
html - 我该如何停止标签干扰计数器的多级标题？
接受的答案解决了一级标题的问题（即问题中的 H1），但如果有多个级别的标题则不能解决（见下文）
css - 在 HAML 中启动有序列表
试图让这件事发生...
...但在 HAML 中。
这不起作用：
有什么建议么？
///以下更新 - 2017 年 2 月 14 日添加///
经过一番挖掘，我发现以前的开发人员已将其添加到 CSS 中：
这基本上是删除“正常”列表项计数器并用更大的粗体字体替换它们。这是最初的 UX 设计师的风格选择。
但是，我仍然不确定如何“开始” counter(item)（如果这确实是我应该做的）。
谢谢！
jquery - 数字 li id 属性的 css 计数器
卡在一个有趣的问题上。我需要将增量“ID”分配给
现在 id 由 footer.php 处的 jQuery 代码分配：
一切都很好，但我们在页面上有一个 Ajax 无限滚动，所以在向下滚动后会出现新产品。这就是问题所在：产品的新部分已经刷新了 ID（从 1 到 24）。我尝试了很多不同的方法来解决这个问题，包括静态 php 变量、wordpress 计数器函数等。但观察到唯一适用于这种情况的是 CSS 计数器。这样的代码确实正确地对产品进行了编号（之前）：
但它会在图片上方的前端列出产品： CSS-counter 列出的产品示例
但是我怎样才能把这些数字放到属性中呢？换句话说，有没有什么东西可以把 CSS 计数器值放到 jQuery 函数的每个值上？
css - 使用 CSS 计算 DOM 元素 - 无法始终如一地工作
作为一些性能测试的一部分，我想查看在任何给定时间页面中有多少 DOM 元素。
最初我使用控制台并手动输入：document.getElementsByTagName('*').length
但是由于元素是动态添加和删除的，我想要一种方法来自动显示它而无需手动执行此操作。
对我来说，使用 CSS 计数器似乎是最简单的方法：
（这是一个演示：见右上角的黄色框）
问题是这种技术不适用于一些更复杂的网站，我猜这是因为它有点幼稚。
以维基百科的主页为例- 我使用浏览器检查器添加上述 css-counter css 并产生“888 个元素”
但是，当我使用控制台时document.getElementsByTagName('*').length- 它返回了 975 个元素。
所以我的问题是：
是什么导致了 DOM 元素数量的巨大差异，有什么我没有考虑到的吗？
这可以用 CSS 可靠地完成吗？
html - Css计数元素并在一个有类时重置计数器
我正在尝试计算不是常规列表的元素。
更容易用代码解释： Fiddle
我或多或少无法控制 html。
相反，DOM 看起来像这样：
我想要的结果是这样的：
但是列表三总是这样，就像计数器永远不会重置一样：