5

在 CSS 中,有像“之前”和“之后”这样的伪元素。这会在元素之前或之后创建虚拟元素。

容器伪元素?

是否有“容器”伪元素?

问题示例1:

我需要在一个元素周围创建 15 个边框(我知道这个特定的示例可以通过使用 box-shadow 来完成)。

问题示例2:

我需要在彼此之上创建 15 种透明背景颜色。

很多不必要的标记

我知道可以通过添加包含 div 来实现,但这会产生很多不必要的标记。

4

1 回答 1

8

旧的CSS3 Generated and Replaced Content Module提出了一个::outside伪元素的提议,它似乎与您所描述的很接近,但没有实现,并且该模块本身计划在某一天进行重写。

换句话说,目前没有办法仅使用 CSS 来实现这一点,而且可能暂时不会有。

当然,有一些方法可以使用 JavaScript 模拟包装元素来操作 DOM,但这几乎是除了在额外标记中进行硬编码之外的唯一方法。这里描述了一些关于传说中的::outside伪元素的简单 jQuery 方法:

启用对 CSS3 ::outside 伪元素的支持

于 2012-07-20T20:01:36.733 回答