问题标签 [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 回答
1963 浏览

css - CSS 嵌套计数器:UL 内部 OL 计数

如果 ol 中的 ol 格式如下所示,则很容易获得正确的计数

但是,如果我想将 ul 放在 ol 中,我无法让计数器正常工作

http://jsfiddle.net/jaxymnh8/

在此处输入图像描述

有没有办法避免计算 ul ?

0 投票
1 回答
129 浏览

html - 如何在一段文本下方放置一个css反增量?

counter-increment 随附的小提琴在每个段落旁边放置一个。

是否有可能在每段文本<p>中包含counter-increment每段下方的元素,并在右侧对齐?

我还创建了一个小提琴

如果可以提供更新的小提琴,那将非常有帮助,因为我还是编码新手。


HTML:

CSS:

0 投票
2 回答
76 浏览

html - 如何为每个段落后面的反增量元素添加水印

?

是否可以在附加的小提琴中使counter-increment元素成为居中每组<p>段落后面的水印,并且还可以选择CSS调整元素的透明显示量counter-increment

附上小提琴

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

HTML:

CSS:

0 投票
3 回答
1329 浏览

css - 使用 CSS 对 h1、h2、h3 进行编号,并带有文章标签

我有这样一段代码,其中 HTML 是由 hieroglyph生成的,而 CSS 是由我提供的:

我想给 h1/h2/h3 编号(我将其命名为章节、部分、幻灯片),但是 article标签使它变得困难。

如何修复 CSS 规则,以便查看:

而不是 (h3编号错误):

0 投票
2 回答
202 浏览

css -
    with some
  1. s having pseudo-elements and others not

I want to have some <li>s in a single <ol> styled with ::before and ::after pseudo-elements (the < and > in items 2 and 3 above). Right now, I have it built as two lists. I am trying to find a way to do that using just one <ol> rather than two, so I can avoid having to use counter-reset.

my working solution:

0 投票
2 回答
1400 浏览

html - 由于 CSS,订购的罗马数字不起作用

我正在寻找一种方法来创建一个带有这样的数字的嵌套有序列表

我让它在小提琴中工作。

小提琴

问题是当我将类型更改ol为罗马数字type="I"时,由于我添加的 CSS,它不起作用。

CSS:

0 投票
1 回答
2394 浏览

css - 计数器在 CSS 中不会增加

在这个例子中:

我看到了section,并subsection没有增加。

这段代码有什么问题?

0 投票
1 回答
463 浏览

css - 使用第 n 个类型的计数器

是否有可能有这样的计数器nth-type

计数器初始化为

我正在尝试做的是 - 检查是否tr有类 iR,如果有,结构如下所示:

如果不是它会是这样的

这是 jsfiddle 我试图做的事情 https://jsfiddle.net/wj5gnafm/1/

0 投票
1 回答
520 浏览

html - 为什么
CSS 计数器会忽略我的标签?

在下面的代码中,看起来所有<br/>标签都被 CSS 计数器忽略了。这是什么原因?

另外,元素78代表什么?

0 投票
1 回答
2355 浏览

html - HTML - 有序列表,设置列表编号的样式,如 (a)、(i)、(aa)

我附上了我的 HTML 和 CSS 文件。

我需要的是:“a”。应该像 (a) 一样包含在 () 中,并且下一级中的“i”作为 (i),在“i”下,显示为“1”的列表编号应显示为 (aa),然后显示为 (ab),并且很快。

我希望对齐保持原样,并且只有样式可以根据我的期望进行更改。这个怎么做?

注意:该解决方案不应导致对齐方式发生变化,并且不允许使用 JavaScript