在 CSS 中,有像“之前”和“之后”这样的伪元素。这会在元素之前或之后创建虚拟元素。
容器伪元素?
是否有“容器”伪元素?
问题示例1:
我需要在一个元素周围创建 15 个边框(我知道这个特定的示例可以通过使用 box-shadow 来完成)。
问题示例2:
我需要在彼此之上创建 15 种透明背景颜色。
很多不必要的标记
我知道可以通过添加包含 div 来实现,但这会产生很多不必要的标记。
在 CSS 中,有像“之前”和“之后”这样的伪元素。这会在元素之前或之后创建虚拟元素。
容器伪元素?
是否有“容器”伪元素?
问题示例1:
我需要在一个元素周围创建 15 个边框(我知道这个特定的示例可以通过使用 box-shadow 来完成)。
问题示例2:
我需要在彼此之上创建 15 种透明背景颜色。
很多不必要的标记
我知道可以通过添加包含 div 来实现,但这会产生很多不必要的标记。
旧的CSS3 Generated and Replaced Content Module提出了一个::outside
伪元素的提议,它似乎与您所描述的很接近,但没有实现,并且该模块本身计划在某一天进行重写。
换句话说,目前没有办法仅使用 CSS 来实现这一点,而且可能暂时不会有。
当然,有一些方法可以使用 JavaScript 模拟包装元素来操作 DOM,但这几乎是除了在额外标记中进行硬编码之外的唯一方法。这里描述了一些关于传说中的::outside
伪元素的简单 jQuery 方法: