问题标签 [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 投票
2 回答
1003 浏览

php - 是否可以有一个带有 CSS 计数器增量值的文本框?

我已经使用 PHP 和 jQuery 创建了一个动态表,并且正在使用 CSS 来创建自动递增序列号。

这是代码

要求:

目前,自动生成序列号的列是空白的。是否可以添加一个生成序列号的文本框,以便在保存的同时检索值?

也就是说,而不是:

我们有这样的东西:

或者是否有任何可能的方法将序列号保存在文本框中以保存在数据库中。

任何建议将不胜感激。

0 投票
1 回答
1154 浏览

html - 阿拉伯语的有序列表不起作用

我需要按顺序在订单列表中显示数据。示例 1、2、3、3.1、3.2、4……

当我使用以下 CSS 时,它会以正确的英文顺序显示目录,如果我必须用阿拉伯语显示类似的内容,那么它在阿拉伯语中不起作用。当我使用它时它显示阿拉伯数字,ul但后来我失去了格式3.1, 3.2....

如何格式化订单列表以将有序列表中的目录显示为

  1. 1
  2. 2
  3. 3
  4. 3.1
  5. 3.2
  6. 3.3
  7. 4
  8. 5

https://jsfiddle.net/rkmv3rn3/

0 投票
3 回答
714 浏览

css - 如何正确地将 CSS 样式应用于有序列表中的 H 元素

我有这个小问题,我正在构建一个嵌套的有序列表,并且我希望能够自定义顶级元素的样式(请注意,粗体在计数器和文本上都有)。

1. AAA

1.1 Lorem ipsum

1.2 Lorem ipsum

1.3 Lorem ipsum

2. BBB

2.1 Lorem ipsum

2.2 Lorem ipsum

2.3 Lorem ipsum

我遇到的问题是,如果我<h>为列表的顶级元素应用任何标签,计数器就会中断。

没有<h3>标签计数器可以正常工作,但没有 <h3>我无法设置列表的顶级元素的样式。

我怎样才能同时获得工作计数器和样式化的顶级元素?

样品在这里:

0 投票
1 回答
1220 浏览

css - 使用 CSS 对有序列表编号中的子项进行样式设置

我将为有序列​​表使用其他设计。所以我在这里找到了一个不错的解决方案

怎么可能不对列表中的子项使用这种样式?为什么我的班级的条件none不是不工作?如果我想要第二个具有相同类的有序列表,我还需要做什么。它应该以 1 开头<ol class="numbered_style" start="1">没有帮助。是否可以使用指定数字(如 2 或 1.1)开始有序列表?对于一个正常的ol我可以使用start="number",但我认为它被禁用是因为ol.numbered_style { list-style: none; }.

0 投票
1 回答
249 浏览

css - 是否有等效于列表样式类型的 CSS 计数器?

CSS 有一个很好的值集合list-style-type,有没有办法将它们用作 的值content: counter(steps)

我想list-style-type: persian在计数器值中使用。

结果将是:

0 投票
1 回答
42 浏览

css - 使用 CSS 计数器

如果每个元素都嵌套在单独的元素中,我如何计算一个元素?

0 投票
1 回答
2647 浏览

css - 使用 CSS 计数器计算隐藏元素

如果设置了元素,我怎样才能不将其排除在计数之外display: none;

0 投票
2 回答
1178 浏览

css - 一个样式化的有序列表,其嵌套列表应该使用 CSS 计数器属性包含带字母的数字

我想从我的问题中添加一个字母到我的 -<li>元素中:<ol>

我试过li::before { content: " a ";}了,但这没有用。我还想要一个解决方案,其中添加第二个计数器可以生成具有以下字母数字模式的下一个元素,例如list-style-type: lower-alpha;

0 投票
1 回答
1313 浏览

javascript - 反增量不能动态工作?

是否可以在每次生成新主题行时动态更改计数器增量数,如下所示?

动态生成新主题行时,计数器增量数没有变化?

反增量不起作用的示例

如果可以提供一个新的小提琴,将不胜感激,因为我还是编码新手。

小提琴

谢谢你!

HTML:

CSS:

查询:

0 投票
1 回答
405 浏览

html - 使用 CSS 计数器创建带有计数器重置的子部分

我试图让 CSS 计数器增加指示子项目的项目。也许是因为 HTML 没有嵌套,重置看起来不像我预期的那样工作。谁能帮我理解为什么?如果我sub-item在正文选择器中重置计数器,所有子项目都会像项目一样被处理,而忽略第二次重置。

CSS定义:

HTML正文:

为方便起见,这是一个jsfiddle