css - 多个伪元素

标签 css pseudo-element

是否可以像这样在一个对象中获取多个伪元素?

div { content: 'A' }
div::before { content: 'B'; }
div::before(2) { content: 'C'; }
div::before(3) { content: 'D'; }

我试过了但是it doesn't work .

最佳答案

该语法来自 old Generated Content level 3 module .它不起作用,因为从来没有人实现过这个模块的任何部分。事实上,由于缺乏兴趣和实现,该规范本身已被废弃多年,并且是 pending a low-priority rewrite .

甚至不知道这个功能是否会在重写后继续存在,因为没有人愿意实现它。而且,坦率地说,我没有屏住呼吸......

这里您唯一的解决方案是使用额外的标记而不是伪元素,或者找到一些其他方法来使用脚本生成该内容。

关于css - 多个伪元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13465817/

相关文章:

css - 在 CSS 中缩放一种字体

CSS伪元素jquery点击事件?

html - CSS 用 flexbox 对齐两侧的几个元素

html - 滚动条上的导航栏高度

css - 射线跟随十字准线

html - CSS - 背景位置在 Firefox 中不起作用

css - div 上的双向箭头

html - CSS 连接元素符号点

javascript - 通过JS更新变量值后CSS伪类消失

css hover 一个元素而不影响 :after