CSS :not选择器，匹配所有非指定元素
:not选择器
CSS伪类选择:not，可以用于匹配获取所有非指定的HTML元素。
:not选择器语法和匹配原理
:not( A ){样式设置}
匹配原理：A选择器匹配指定了一类HTML元素，:not(A)即是除了A匹配到的元素之外的其它所有元素。
:not选择器实例代码，及在线编辑器
<p class='e1'>这是段落1，类属性为e1</p>
<p class='e1'>这是段落2，类属性为e1</p>
<div class='e1' style='width:100%;height:10px;'></div>
<p>这是段落3，未设置类属性</p>
<span style='display:block' class='e1'>这是span，类属性为e1</span>
<style>
.e1:not(p){background-color:skyblue;}
</style>实例代码解析
如上代码，与上面介绍的语法中有些不同，即:not(p)的前面还有一个.e1类选择器，之所以这样设计代码，是为了避免代码运行之后，网页其它的HTML元素的样式被:not(p)匹配获取选择，并设置相关的样式，而前面加了个.e1类的选择器，可以在.e1类选择器选择的元素范围内，再进行:not(p)的匹配获取。