选择没有我孩子的主播

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))")