为什么CSS：not（）声明没有过滤掉？

Question

我要选择不是特定类后代的跨度，我们称其为“否”。这是我的CSS：

div:not(.no) span{background-color:#00f;}

这是HTML

<div>
    <span>yes 1</span>
</div>
<div class="no">
        <span>no 1</span>
</div>
<div class="no">
    <div>
           <span>no 2</span>
    </div>
</div>

两个问题：

1. 为什么我的CSS同时适用于是1和否2？
2. 如果切换到通用选择器，为什么整个过程都会中断？

   *:not(.no) span{background-color:#00f;}
   

Answer 1

1. span元素的两个父div元素都不具有class no，无论其他祖先是否都具有class ：

   <div> <!-- This is div:not(.no), pretty much a given -->
   <span>yes 1</span>