css - 多个伪元素

Question

是否有可能在这样的一个对象中获取多个伪元素？

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

我已经尝试过了，但它不起作用。

Answer 1

该语法来自旧的 Generated Content level 3 模块。它不起作用，因为从来没有人实现过这个模块的任何部分。事实上，由于缺乏兴趣和实施，规范本身已被废弃多年，并且正在等待低优先级的重写。

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

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