手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-21 04:35:21

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选择器进行元素选择的时候可以非常快速的批量选择,是不是很简单啊

© 手抄报圈