如何選擇：之前和之後：元素（而不是其內容）？

Question

通常情況下，:before和:after會做

.foo:before { 

} 

.foo:after { 

} 

結果：

<div class="foo"> 
:before 
<div class="somecontent"></div> 
:after 
</div> 

是否有可能選擇以下爲.foo:before和:after？

:before 
<div class="foo"> 
</div> 
:after 
<div class="bar"> 
</div> 

Answer 1

：前和：後不選擇元素，它會創建新的和之前或之後將它們插入所以沒有這是不可能的。

也不能向上與css作爲選擇的hierarki遍歷是從來沒有意識到它的父元素。

Answer 2

不存在這樣的僞元素。實際上，就格式化結構而言，CSS中沒有任何僞元素存在於原始元素之外。所有現有的僞元素（在選擇器3，僞元素4和其他地方定義）都顯示爲始發元素的後代。

這並不是說你無法提出存在的原始元素之外，雖然新的僞元素 - 舊版本的CSS內容有東西像::outside和::alternate，但那些從未在執行自上次起草後的12年左右因缺乏興趣而未出現在the css-content rewrite中。