如何为目标计数器设置计数器

2024-02-26

在分页媒体中,CSS 属性target-counters http://www.w3.org/TR/css3-gcpm/#the-target-counter-and-target-counters-v可用于包含多个计数器。该规范给出了以下示例(简化):

a::after {
 content: "see section " target-counters(attr(href, url), section, ".")
}

应该输出类似的东西(see section 1.3.5).

我将如何设置section柜台?


来自生成内容模块 http://www.w3.org/TR/css3-content/#nested(也适用于非分页内容):

计数器是“自嵌套”的,从某种意义上说,在程序中重复使用计数器 子元素自动创建计数器的新实例。

因此,你可以写

<style type="text/css">    
section {counter-increment: section;}
</style>

<section id="foo">
<h1>Root level</h1>
    <section id="bar">
    <h2>Sub Level</h2>
    </section>
</section>

如果您的元素树是扁平的(如<h1>Root</h1><h2>Sub</h2>).

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何为目标计数器设置计数器 的相关文章

  • 将无序列表转换为目录

    参考这个小提琴 http jsfiddle net exGnZ http jsfiddle net exGnZ 你好 我正在尝试用无序列表和前导点重现目录 不幸的是 当内容很长时 格式就会崩溃 有谁知道如何让下图中的第二章与点出现在同一行
  • 如何使用 :nth-child() 选择所有子项中的所有其他

    我正在开发一个评论系统 我需要拥有其他所有孩子 div 甚至是第一个孩子的孩子 用 CSS 选择 例如 假设我有这个标记 为了简单起见 省略了不需要的结束标签 div class comment div class comment div
  • 是否可以使用“grid-template-areas”删除网格中空行的高度?

    我有一个包含八张 或更少 卡片的网格 我希望卡片自动放置在网格中 而不知道它们的宽度和高度 也就是说 宽度和高度应该在网格样式中指定 当我展示全部 8 张卡片时效果非常好 例子 grid template areas card 1 card
  • Flex、AngularJS + Masonry、akoenig/angular-deckgrid 等 [重复]

    这个问题在这里已经有答案了 我一直在发送此电子邮件 我即将发布一个用于 Web 应用程序安全的应用程序 它需要使用像 Masonry 这样的网格 我已经尝试过所有的 每一个角度模块 指令和不同的方法 包括基于 CSS 的技术 纯 Vanil
  • CSS 中的分层图像 - 可以将 2 个图像放在同一个元素中吗?

    假设我在 CSS 中为网页设置背景图像 如下所示 body font size 62 5 Resets 1em to 10px font family Verdana Arial Sans Serif background color 9D
  • 图表.js.如何更改“标签”数组的字体样式?

    我从 Chart JS 库中获取了一个图表 截屏 https i stack imgur com DnuRq png var ctx document getElementById myChart var data labels HTML
  • CSS 聚焦于出现的输入 div [重复]

    这个问题在这里已经有答案了 我有这样的代码 div class lighter div
  • 平均分配固定大小容器的空间。 Flexbox 的案例?

    如何设计 HTML CSS 结构 将固定大小的容器水平分成三部分 第一部分的高度应与其内容需求一样高 第二部分和第三部分将共享剩余的空间五五十 无论它们的内容如何 如果其内容的大小超过此限制 则该部分应该是可滚动的 它的 HTML 部分很简
  • CSS 过滤器在 Firefox 中不起作用

    我正在尝试 CSS 过滤器 但它在我的 Firefox 15 0 浏览器中不起作用 HTML div class google img src https www google com images srpr logo3w png div
  • @fontface - 禅宗购物车中的 403 禁止错误

    我不确定这是否是发布此内容的正确位置 因为我不知道问题出在哪里 基本上 字体现在对我来说真的很痛苦 而且没有任何效果 我尝试从 google fonts 加载字体 但遇到了 IE 问题 所以我决定下载它们并自己提供服务 但现在它无法在任何浏
  • 文件缓存:查询字符串与上次修改时间?

    我正在研究缓存网站资源的方法 并注意到大多数与我类似的网站都使用查询字符串来覆盖缓存 例如 css style css v 124942823 后来 我注意到每当我保存 style css 文件时 最后修改的标头都会 更新 使得查询字符串变
  • 为什么我无法对自定义属性(又名 CSS 变量)进行动画处理?

    看这个动画 金色 div 有一个自定义属性动画的动画 keyframes roll o 1动画 o 这是分步动画的 银色 div 有一个动画 其中normal属性是动画的 keyframes roll o 2动画left 这会持续动画 为什
  • 当 Chrome 中嵌套滚动中的数据更改时防止页面滚动

    我在页面中有一个固定大小的元素 带有 溢出 滚动 其内容经常更改 我预计该元素内部发生的更改会影响该元素的滚动 但不会影响页面滚动 但是当这个元素位于页面顶部时 页面本身开始滚动 我怎样才能防止这种情况发生 要重现此行为 我在 chrome
  • 如何在 HTML 中将文本设置为粗体?

    我正在尝试使用 HTML 将一些文本加粗 但我很难让它发挥作用 这就是我正在尝试的 Some
  • 内部有图像的 CSS 响应式圆圈

    蓝色div有固定的高度和响应宽度 里面应该有一个相同高度的圆形图像 这是我尝试过的 https jsfiddle net xnkkrhnt 1 https jsfiddle net xnkkrhnt 1 如何使完美的中心圆始终为蓝色 div
  • 在 html 中显示表单时使用 table 标签是不是不好的设计?

    我一直听到这样的话div标签应该用于布局目的 而不是table标签 那么这也适用于表单布局吗 我知道表单布局仍然是一个布局 但似乎使用以下命令创建表单布局divs 需要更多html and css 因此 考虑到这一点 表单布局应该使用div
  • MUI 组件上的渐变边框

    我没能找到相当于border image source css 我的目标是在按钮组件上渲染边框渐变 这是添加渐变边框的方法button成分 V5 const options shouldForwardProp prop gt prop gr
  • Ionic - 使用 item-avatar 类在项目列表中垂直居中文本

    我尝试将离子列表添加到我的应用程序中 其中项目构建如 Image Text Button 图像和按钮垂直居中 但文本没有 我尝试了一些在互联网上找到的CCS 它在浏览器预览中运行良好 但在真实设备上 Samsung Galaxy S3 Mi
  • bootstrap css中垂直对齐缩略图?

    我认为这应该很简单 但我就是无法让它发挥作用 在 ASP NET MVC 中 我有一个如下所示的项目列表 div class row div class span12 ul class thumbnails foreach var film
  • 手机上的网页滚动条可以隐藏吗?

    我正在尝试在移动设备上隐藏滚动条 一切在桌面上看起来都很好 没有滚动条 但是当我检查某些 Android 设备 ipad 时 我仍然可以看到灰色 细小的拇指 可以从浏览器中隐藏预定义的滚动条 我的代码 在桌面上运行良好 body webki

随机推荐

  • 为什么 GCC 在此示例中不发出警告

    With Wsequence point启用后 当发现未定义的行为代码时 GCC 应警告用户 例如 b a a GCC 应注意并应报告为 未定义行为 代码 因为 ISO C 未指定求值操作数的加法顺序 然而 我尝试了语法并尝试了这个 int
  • Android Camera2 RAW 流媒体

    我对 Android 非常陌生 正在尝试 从相机流式传输原始数据 ImageFormat RAW SENSOR 处理原始数据 以交互方式显示处理结果 原始数据捕获似乎仅在静态捕获模式下可用 它是否正确 如果是这样 是否可以对 RAW 图像执
  • 用于大规模持久化图形的 NoSQL 解决方案

    我迷上了使用 Python 和 NetworkX 来分析图表 随着我了解的越来越多 我想使用越来越多的数据 我猜我正在成为一个数据迷 最终我认为我的 NetworkX 图 存储为字典的字典 将超出我系统上的内存 我知道我可能可以添加更多内存
  • 如何通过服务器端node.js运行CCapture?

    我试着跑CCapture js https github com spite ccapture js via node js基本代码 用于测试 为 global navigator userAgent node js global wind
  • .gitignore 中 a/ 和 a/* 和 a/** 之间的区别?

    这是我的文件夹 a b b1 txt b2 txt a1 txt a2 txt gitignore Firstly 我发现如果我想忽略文件夹 a a and a and a 都可以完成 第二 我想忽略文件夹中的所有内容a除了文件夹b 唯一的
  • Android BLE 扫描与 UUID 过滤器列表混淆

    我正在 Android 移动设备 A 上执行 UUID 过滤扫描 并且有两个测试用例 一个人在另一台 Android 设备 移动设备 b 上使用名为 BLE Scanner 的应用程序来创建具有两个测试服务 每个服务都有自己唯一的 UUID
  • 添加 for 循环可防止 OutOfMemoryError

    当我删除 for 循环时 我得到一个OutOfMemoryError 当我使用 for 循环时 我没有收到任何错误 谁能帮助我理解这种行为 public class JavaMemoryPuzzlePolite private final
  • yii2 拒绝用户登录后端

    我有 yii2 高级模板 应用了 RBAC 迁移 我试图学习 RBAC 并遵循Docs 2 0 http www yiiframework com doc 2 0 guide security authorization html 我是用数
  • Roslyn 加载项目文档失败

    在 Visual Studio Extension VSIX 解决方案中 我使用 Roslyn 从当前解决方案加载特定项目 Project myProject this CurrentComponentModel GetService
  • 如何安装knife-ec2插件?

    OSX 10 9 2 ruby v ruby 2 0 0p247 2013 06 27 revision 41674 universal x86 64 darwin13 knife v Chef 11 10 4 当我跑步时 knife ec
  • 在 Springfox 和 Spring MVC 中配置安全模式和上下文

    我有使用 Spring MVC 实现的简单 REST 服务 我决定用 Springfox 和 Swagger 2 0 来描述它们 一切似乎都很好 直到我开始添加安全模式和上下文 我对某些端点使用 HTTP 基本身份验证 对其他端点使用基于令
  • Python:从字符串中打印特定字符

    如何在Python中打印字符串中的特定字符 我仍在学习 现在正在尝试制作一个类似刽子手的程序 这个想法是 用户输入一个字符 如果它在单词中 则该单词将被打印 所有未发现的字母都为 我并不是在寻求一种方法来使我的整个项目的想法 代码变得更好
  • 在数据框中对因子进行数字重新排序

    我有从 0 到 39 的因数 现在它们的排序方式如下 gt levels items label 1 0 1 10 11 12 13 14 15 16 17 18 19 13 2 20 21 22 23 24 25 26 27 28 29
  • 根据(多个)条件分成组?

    我有一组不同颜色和重量的弹珠 我想根据它们的重量和颜色将它们分成几组 条件是 一组重量不能超过 100 个单位 一组中不同颜色的弹珠不得超过 5 个 一个可重现的例子 marbles lt data frame color sample 1
  • 我可以同时变基和压缩提交吗?

    当我对之前几次提交的更改进行修复时 我总是会连续运行两次 rebase 是否可以一步完成此工作流程 假设我有 4 个新提交 master D C B A Base 我在 B 中发现了一个错误 所以我创建了一个分支并修复它 master D
  • 我可以访问 iPhone 上的钥匙串吗?

    这个问题讨论 iPhone 上的数据加密 https stackoverflow com questions 189925 password encryption in iphone apps使用 crypt 函数 作为替代方案 iPhon
  • 按元组成员映射元组列表

    假设我有一个列表decimal decimal let tup 1M 2M 2M 3M 3M 3M 4M 5M 5M 6M 7M 6M 8M 9M 10M 9M 我需要一个函数 如果可以连接的话 可以将所有值分组在一起 例如 map 100
  • 如何选择 jq 中作为变量提供的键的值?

    如果这是输入 a key 2 another key 100 one more key 4 2 通过提供键的名称作为变量来选择这些键的值的最佳方法是什么 理想情况下 我正在寻找类似的东西 a key as key key 但这会导致语法错误
  • 片段和活动之间的核心区别是什么?哪些代码可以写成fragment?

    我有三个选项卡 每个选项卡三个片段和一个主要活动 我想创建套接字以通过 wifi 网络发送消息 那么我应该在哪里编写代码呢 在那个特定的片段类或主要活动中 当然 您可以在片段中编写任何代码 但您需要注意一些事情 在访问需要上下文的任何内容或
  • 如何为目标计数器设置计数器

    在分页媒体中 CSS 属性target counters http www w3 org TR css3 gcpm the target counter and target counters v可用于包含多个计数器 该规范给出了以下示例