需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：li:not(.test) {color: blue}。
3、浏览器运行index.html页面，此时包含test类元素的li标签不会触发设置蓝色字体样式的css代码。
CSS中class可以指定多个值，用空格隔开就可以了，多个样式定义最终会叠加在一起应用到当前元素。
一、CSS中id和class的区别：
1、id的优先级比class高。
2、class是通用属性，就是说几个div可以调用同一个class ，而id是唯一的，web标准中不允许出现两个div的id标识是相同的，id也是js获取对象的一个标识，所以也必须是唯一的。
二、class属性修改：
类属性即class属性，规定类名，用类选择器规定样式的时候，需要为元素指定类名，即class属性的值。注意每个HTML元素只有一个class属性。但是class属性的值可以是多个名称，即可能包含一个词的列表，中间用空格分隔。
