選擇包含特定項目的元素的後續同級

Question

是否有css方法來選擇包含Z類型元素的元素Y類型之後的X類型元素？

考慮下面的HTML，我只能在Z型後，含Z.

.y .z:after { 
 
    color: green; 
 
    /* x is not green because it's after y, not z */ 
 
}

<span class="y"> 
 
    y 
 
    <span class "z"> 
 
    z 
 
    </span> 
 
</span> 
 
<span class="x"> 
 
    x 
 
</span>

在Y型後不

Answer 1

沒有

因爲沒有選擇了DOM的方法... 還。

在CSS3下有no parent selector或previous sibling selector。

CSS4提供:has選擇在這種情況下，你將能夠使用

.y:has(> .z) + .x 

然而，目前，沒有任何瀏覽器都支持這個選擇。

---

注：::after「元素」，實際上，一個僞元素，而不是一個選擇器，主要用於，定型的目的，用於插入「內容」 內部元件到該::after僞元素附加。

Answer 2

有兩個兄妹選擇+和~。前者適用於之前的兄弟姐妹，後者適用於兄弟姐妹之前的某個地方。

您的例子並不表明兄弟姐妹，雖然，只是子元素，在這裏不需要特別的選擇：.y .z { }