问题标签 [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.

0 投票
3 回答
304 浏览

jquery - jQuery自动标题编号

我在网站上有 10-15 个 H2 标签字幕的文章。喜欢这样的东西。

那么,问题是如何由 jQuery 以降序自动为每个 H2 标签(字幕)提供编号?

我知道如何通过 CSS 计数器来做到这一点,但文章可以包含不同数量的字幕。我已经 使用 jQuery 主题检查了类似的标题 H1-H6 的自动编号,但这并不是我想要的。

0 投票
2 回答
12740 浏览

html - Use css counter in calc

I have a list ul>li*5 (not always the same amount). I set a counter for which I get:

1 2 3 4 5

The Question Can I use the counter(skill) inside a calc() or can I add units to it px em rem % ms s

I have tried:

I want to have the delay increased for example:

0 投票
2 回答
3735 浏览

css - 使用反增量更改 z-index

我尝试制作一个图像滑块,当鼠标悬停在一个点上时会显示一张图片。我也尝试通过使用在图像之间切换,z-index但没有任何移动。

0 投票
2 回答
2870 浏览

css - 将代码行号与 CSS 对齐

我正在尝试使用纯 CSS 方法(无 javascript)在我的网站( https://qscintilla.com/custom-lexer-example/ )上的代码片段中插入行号:

在此处输入图像描述

正如您在上面的屏幕截图中看到的,我正在使用 Wordpress 构建我的网站。我使用最新 Wordpress 版本中的“附加 CSS”功能插入自定义 CSS。这是我的自定义 CSS:

当我像这样在我的 HTML 中插入代码片段时,它工作得很好:

不幸的是,当代码行达到两位数时,行号没有正确对齐。让我们放大问题:

在此处输入图像描述

当然,当代码行从两位数跳到三位数时也会出现同样的问题

我怎样才能解决这个问题?

0 投票
2 回答
73 浏览

html - HTML目录中的错误编号

我正在尝试在文件中使用 HTML 编写目录。我的目录中出现的编号有缺陷。如何修改以下内容CSSHTML以便我的第四个要点Output4而不是3.4

输出

0 投票
1 回答
1312 浏览

html - DOMPDF - 有序列表 - 计数器问题

我正在使用 DOMPDF(版本 0.8.0)并且有一堆嵌套的有序列表要打印。我已经应用了正确的分页符,但所有页面的第一行(从第 2 页开始)仍然存在 PDF 错误。这是我的风格:

这是我遇到问题的输出部分: 第二页: 在此处输入图像描述

第三页:

在此处输入图像描述

任何人都可以在这里提出适当的方法吗?提前致谢。

0 投票
1 回答
2744 浏览

css - CSS动画增加计数器

我最近一直在玩 CSS 计数器,我想知道是否可以将它们放在 CSS 动画循环中并增加它们。我的代码相当简单:

你可以看到数字上升了,但随后又回到了 1。我认为这animation-fill-mode: forwards会阻止这种情况发生,但我想不会。

我做错了什么,还是 CSS 计数器不可能做到这一点?

0 投票
2 回答
3170 浏览

html - 如何在有序列表中组合数字和字母?

如何在 CSS 中使用数字和字母增加有序列表:

有没有办法将数字与字母(2.a,2.b,2.c)结合起来并在有序列表中增加它们?使用 content 和 counters-increment 列表只会增加一种类型,无论是十进制还是低 alpha。如何将小数与低 alpha 递增相结合?谢谢!

0 投票
2 回答
451 浏览

html - 使用 css 计数器如何创建一个可以设置计数器初始值的类?

使用 CSS 计数器,是否可以设置一个在 :before 中显示计数器的类,但每次使用该类时都设置该计数器的初始值?

例如,如果我使用下面的 css 和 html 显示行号,我是否可以创建一个类,允许我说从 7 而不是 1 开始行号,或者,我是否必须为每个块创建一个唯一的类我想从不同的初始计数器值开始?

0 投票
3 回答
597 浏览

php - php中的动态div

想要为数据库中的动态值创建一个计数器。就像我得到$count的那样1,它只显示两个 div,例如 First for0和 second for 1。如果我获得$count价值50,那么它应该向我显示 3 个 div,例如0,50. 对于多个计数值,如何使其$count值动态化?

在下面给出的情况下,我附上了一张图片,如果我得到这个 no 那么我如何将这个 no 与所有动态 div 分开。