css-counter相关内容

隐藏子菜单上的 CSS 计数器

我正在尝试使用嵌套的 制作下拉菜单,每个 显示一个由 CSS 计数器生成的数字. 子菜单在未悬停时使用 display:none 隐藏. 我的问题是当元素将 display 设置为 none 时,计数器不会增加. 您是否知道可以防止这种情况发生的 CSS 属性? 如果我将 display: none 替换为 visibility: hidden,它会起作用,但我不确定在我 ..
发布时间:2022-01-06 15:04:46 前端开发

使用计数器增量更改 z-index

我尝试制作一个图像滑块,当鼠标悬停在一个点上时它会显示图片.我也尝试使用 z-index 在图像之间切换,但没有任何移动. .slider {计数器复位:索引 1000;}.slider input[name='slide_switch']:hover+label+img {反增量:索引;z-index:计数器(索引);} 解决方案 即使您使用 JavaScript/jQuery,您尝试 ..
发布时间:2021-10-05 19:06:05 前端开发

计数器增量未正确启动

我遇到以下问题,我的计数器增量无法正常工作. h4.heading_numberlist {边距顶部:12.0pt;边距右:0in;底边距:3.0pt;左边距:0in;分页后:避免;字体大小:12.0pt;字体系列:“Arial",无衬线;颜色:黑色;字体粗细:粗体;}h4.heading_numberlist::before {内容:计数器(列表编号,上字母)'.';}.话题 {计数器增量 ..
发布时间:2021-09-23 21:02:40 前端开发

我如何停止 <div>标签干扰计数器多级标题?

这是我如何停止标签干扰计数器? 接受的答案解决了一级标题的问题(即问题中的 H1),但如果有多个级别的标题(见下文),则不能解决问题 body {计数器复位:h1 h2 h3 h4;}h1{计数器重置:h2 h3 h4;}h2{计数器重置:h3 h4;}h3{计数器复位:h4;}h1:之前{反增量:h1;内容:计数器(h1)“";}h2:之前{反增量:h2;内容:计数器 ..
发布时间:2021-09-23 20:54:49 前端开发

如何在一段文本下方放置一个 css 计数器增量?

随附的小提琴在每个段落旁边放置一个counter-increment. 是否可以在文本的每个段落 中包含每个段落下方的 counter-increment 元素,并在右侧对齐? 我还创建了一个 Fiddle 如果可以提供更新的小提琴,那将非常有帮助,因为我仍然是编码新手. HTML: Lorem ipsum dolor sat amet,consectetur a ..
发布时间:2021-09-23 20:28:30 前端开发

为嵌套列表插入CSS父节计数器

我有2级 ul .我正在使用 counter-reset , counter-crement 和 content 来插入运行中的计数器.它的工作方式是 li 中的内容正确编号. 我在第一层 li 中有一个 a 链接,在它嵌套的 ul 之后,我想说“添加到规则[数字的李]]. 下面是我正在做的最低限度的工作示例.在 a 链接中,它使用第二级 ul / li 的计数器. 输出内容: ..
发布时间:2021-05-15 18:38:15 前端开发

具有计数器标识符“列表项"的奇怪的浏览器行为被称为“列表项".

TL; DR 不要为您的柜台命名列表项 问题: CSS计数器相对容易理解,很好 此计数器未在CSS2中定义,因此是css-lists-3的新增功能.但这确实很老-至少16岁,甚至可以追溯到CSS3规范的FPWD.总的来说,列表和计数器样式在CSS3中得到了重大升级,这意味着"CSS计数器相对易于理解,文档完善并且具有良好的浏览器支持".随着新规范的最终确定和采用,可能会在一段时 ..
发布时间:2021-04-26 19:42:55 前端开发

在自定义元素的:host声明中使用CSS计数器重置

[运行代码段] 我希望我的DIV编号显示从 0 开始, 这样我想使用-1在计数器处开始: counter-reset:square -1; 但是,这个在:host 中使用的设置将被忽略 计数器重置当所有DIV都包裹在一个额外的parentDIV 中(在该父DIV上具有 counter-reset )时工作正常,但我更喜欢不使用此替代方法,因为它在我的最终应用程序中需要更多 ..
发布时间:2020-10-12 01:57:21 前端开发

计数器不断在HTML/CSS中重置

我正在尝试写一本电子书,但在管理章节/小节/小节的计数器方面遇到了问题. body { counter-reset: chapter; counter-reset: section; counter-reset: subsection; } h1.chapter::before { counter-reset: section; counter-rese ..
发布时间:2020-07-19 05:00:32 前端开发

隐藏子菜单上的CSS计数器

我正在尝试使用嵌套的 创建一个下拉菜单,每个都会显示使用CSS计数器生成的数字. 子菜单在不悬停时会被display:none隐藏. 我的问题是,当元素将display设置为none时,计数器不会增加. 您知道CSS属性可以防止这种情况吗? 如果我将display: none替换为visibility: hidden,则可以正常工作,但是我不确定将其用于菜单是 ..
发布时间:2020-05-08 22:50:33 前端开发

自定义编号为反序列表

如何为倒序列表创建自定义计数器样式: C10。第10项 C9。项目9 C8。第8项 C7。项目7 C6。第6项 C5。第5项 C4。项目4 C3。项目3 C2。项目2 C1。第1项 我发现此链接,它完美地描述了如何以升序来实现自定义编号。 如何修改以下内容以获得反向自定义编号并将其应用于特定列表? ; ..
发布时间:2018-06-26 11:24:16 前端开发

更多CSS中的计数器

我设置了两个计数器:一个索引标题和其他索引 images 。但是,只有一个正常工作,另一个(对于图像)在所有图像描述中仅显示数字1。您可以在此处查看示例 body {counter-reset:figcounter; counter-reset:head2counter;}。fig:before {counter-increment:figcounter;内容:“图”柜台(figcount ..
发布时间:2018-06-25 17:11:06 前端开发