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