问题标签 [css-counter]

我正在尝试实现标题的 css 计数。例如。

将被转换

这适用于 css 计数器。当 h2 是 h3 时不起作用。结果将是 h3 标题将添加“1.0.1”而不是 1.1.1，因为没有 h2 标题所以 h2 的计数器为 0。

将被转换

任何建议如何解决这个问题（甚至可能）

附言。可以在此处找到标题示例http://jsfiddle.net/6xpveu0t/

我想将粗体格式应用于图 1、图 2、 ...直到图 111。

我只能更改 HTML 和 CSS，并且需要在不使用 JavaScript 或 jQuery 的情况下执行此操作。除了添加<strong>HTML还有什么办法吗？

CSS 中有::first letter，但没有::first word. 我可以%figure在 CSS 中使用 ~like 吗？

我想使用 jQuery 在“”上设置 CSS反增量属性。.demo:before

问题是 jQuery 无法访问伪元素。另一个 SO 答案（我现在似乎找不到）建议设置一个数据属性，然后在 CSS 中使用该值，但这也不起作用。这是可以实现的吗？

简化示例：http: //jsfiddle.net/4h7hk8td/

HTML：

JS：

CSS：

我想使用 CSS 来获得一个带有连续编号和反向的有序列表。见附图。

自然，我希望结果列表以相反的顺序排列，即 [5]、[4] 等。

我是否必须重新设计 CSS 部分，或者只是一个简单的更改？我不知道如何获得反向编号。

PS：我很抱歉没有将代码放在问题中。Stack Overflow 一直说它有问题，即使预览中的所有内容都正确形成。尝试“修复”它几分钟后，我失去了耐心。

counter-reset当 ol 在 div 中时，我正在苦苦挣扎。片段编号中的红色列表应为：

1、2、3

不是：

3.1, 3.2, 3.3,

http://jsfiddle.net/1dab8xs7/1/

在下面的代码中，我需要使用divHTML 顶部的标签进行样式设置。如果没有div标签，hx标签的轮廓编号是正确的，但如果标签到位，div一切都会完全出错。我需要它像这样工作，但div标签仍然存在，我需要它为具有不同 id 的 div 工作。有任何想法吗？

假设我有一个这样的 HTML 或 XML 文档：

这只是一个说明性的例子；一般来说，一个节中可以有任意数量的子节，并且节可以嵌套到任何深度。

是否可以使用 CSS（计数器和生成的内容）在每个部分标题的开头生成所需的部分编号？

我见过的唯一例子是嵌套列表，但是你可以将“counter-reset”附加到 OL，将“counter-increment”附加到 LI。在这里，您似乎需要“部分”来重置其子部分，并增加其父部分，并且将这两者附加到一个元素名称是行不通的。

我认为代码将“Rank”标题计为一行并为其分配1。如何更改 的第一个数字counter-increment？我希望表格从 0 开始，以便将“Rank”标题分配为 0，下一行为 1，依此类推。

http://oi59.tinypic.com/5bsabc.jpg

CSS 文件

JSP 文件

在尝试实现Hugo Giraudel的超棒 CSS 计数器示例时，当我尝试在浏览器中设置它时，一切都失败了。

我没有使用counter-resetor increment，所以我不确定哪些引用需要更改。在我的示例中，我只有两个需要计算的引用 - 链接似乎是正确的，但计数器不会从 1 变为 2。

下面的简短示例...

我有一组数据行，每行显示为（标签+值）的平铺。我把它们包装在一个div.tilemap-tile

我想在 Nx3 或 Nx4 样式的网格中显示这个 - （a）每行的标签以调色板中的不同颜色开头，并且（b）同一行中后续瓷砖的标签连续变暗。

我可以通过调整平铺属性来获得网格视觉效果

我正在苦苦挣扎的是如何设置data-label. 我尝试了以下方法，但似乎counter只能在contents属性中使用。结果，下面的计算给出了一个 sass 错误。

是否有任何其他 DRY 方法来跟踪“div.tilemap-tile”计数并在 bg-color 计算中使用它？

更新

我不知道如何回复“已经有答案”的链接，但虽然有帮助，但显然不是答案。请再次查看我的问题以了解两个具体要求。根据@cinnamon 的评论，我认为没有纯 SASS/CSS 的答案。