CSS容器伪元素?

时间:2012-07-20 19:59:10

标签: css css3 pseudo-element

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

容器伪元素?

是否有“容器”伪元素?

问题示例1:

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

问题示例2:

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

许多不必要的标记

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

1 个答案:

答案 0 :(得分:6)

旧的CSS3 Generated and Replaced Content Module有一个::outside伪元素的提议,它似乎与你描述的很接近,但是没有实现,模块本身也会被重写......总有一天...

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

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

Enable support for CSS3 ::outside pseudoelement