2012-07-20 159 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