养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何用CSS的not选择器对元素进行筛选

时间:2024-10-18 20:19:46

CSS应用很多的选择器,但是很多新手可能溏胃釜阼对于not用的不多,其实not应用的好可以达到事半功倍的效果。下面小编给大家分享一下如何用CSS的not选择器对元素进行筛选。

工具/原料

Pycharm

方法/步骤

1、首先我们在Pycharm软件中准备一个html页面,然后准备一个div内容,如下图所示

如何用CSS的not选择器对元素进行筛选

2、接下来我们需要在style中声明页面的全局样式以及p元素的样式,如下图所示

如何用CSS的not选择器对元素进行筛选

3、然后我们需要声明一个CSS样式,选择其中p元素里面有class为aaa的样式

如何用CSS的not选择器对元素进行筛选

4、运行页面以后,你就会看到p元素带有class为aaa的都被选中了,如下图所示

如何用CSS的not选择器对元素进行筛选

5、接下来我们就用一下not元素来选择,如下图所示

如何用CSS的not选择器对元素进行筛选

6、运行页面以后你就会看到没有元素被选中了,如下图所示

如何用CSS的not选择器对元素进行筛选

7、综上所述,在CSS中用not选择器进行元素选择的时候可以非常快速的批量选择,是不是很简单啊

© 一点知识