CSS EA06是CSS Selectors Level 4規范中的一個新增的選擇器,其名稱為:matches(),也稱為::any()。該選擇器可以同時對多個樣式選擇器進行應用,并只選中其中一個。下面是一個代碼示例:
p:matches(:first-child, .special) { color: red; }
上述代碼意為:對于p標簽的第一個子元素和類名為".special"的元素,應用顏色為紅色的樣式。其中,:first-child和.special是兩個不同的樣式選擇器,使用matches()可以同時選中這兩個規則。值得注意的是,:matches()選擇器也可以嵌套使用,比如:
li:matches(:nth-child(odd), :first-child a) { background-color: #ccc; }
上面的代碼為奇數行或第一個子元素的a標簽元素選擇灰色的背景顏色。這是一個非常強大的CSS選擇器,可以為我們在編寫CSS樣式表時提供更強的靈活性和可讀性。