選擇沒有我孩子的主播

Question

是否可以選擇哪個孩子不是i？

例子：

<a href="#"> <!--select this--> 
    Link! 
</a> 

<a href="#"> <!--but not this--> 
    <i class="material-icons">menu</i> 
</a> 

我試圖a:not(>i)和a:empty，但沒有奏效。

Answer 1

它，最遺憾的是沒有。 It's been proposed，但就是這樣。 你需要一些js。

var links = document.querySelectorAll("a"), 
i = 0, ii = links.length; 
for (i; i,ii; i++) { 
    if(!links[i].querySelector("i")){ 
     links[i].classList.add("without-i"); 
    } 
} 

Answer 2

定義2種樣式。一個爲a，另一個爲a i。似乎沒有其他方式，因爲:not不允許組合。

https://jsfiddle.net/rnu83ogm/1/

a{ 
    color:red; 
} 
a i{ 
    color:blue; 
} 

或用jQuery工作：

$("a:not(:has(>i))")