2012-07-20 123 views
3

在CSS中,有像“before”和“after”之类的伪元素。这在元素之前或之后创建虚拟元素。CSS容器伪元素?

容器伪元素?

是否有“容器”伪元素?

问题例如1:

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

问题实施例2:

我需要创建海誓山盟顶部15透明的背景色。

很多不必要的标记

的我知道这是通过加入含有的div可能的,但是创建了许多不必要的标记。

+2

是否有有一个问题? – j08691 2012-07-20 20:00:10

+1

':: before'和':: after'是伪元素,而不是伪类;以及'容器'伪类(我假设你的意思是伪元素,与其他两个类似)是什么意思? – 2012-07-20 20:01:12

+0

'container'伪类究竟如何工作? – 2012-07-20 20:01:20

回答

6

旧的CSS3 Generated and Replaced Content Module有一个::outside虚拟元素的提议,它似乎与您所描述的接近,但没有实现,并且该模块本身将被重新写入...有一天。

换句话说,目前没有办法使用CSS来实现这一点,并且可能暂时没有任何方法。

当然,有些方法可以模仿使用JavaScript来操作DOM的包装元素,但这只是除了额外标记中的硬编码之外还可以实现这一点的唯一方法。一些琐碎的jQuery方法相对于传说中的::outside伪元素描述如下:

Enable support for CSS3 ::outside pseudoelement

+0

而且没有一个浏览器希望在实现完全支持后9年。本模块的作者= ACID测试的作者。 – Rustam 2012-07-20 20:12:25