需要准备的材料分别有：电脑、浏览器、html编辑器。
网站建设哪家好，找创新互联公司！专注于网页设计、网站建设、微信开发、小程序制作、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了金乡免费建站欢迎大家使用！
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的style标签中，输入css代码：li:not(.test) {color: blue}。
3、浏览器运行index.html页面，此时包含test类元素的li标签不会触发设置蓝色字体样式的css代码。
style type="text/css"
.f14 {font-size:14px;}
#main {width:980px; margin:0px auto;}
/style
div class="f14" id="main"/div
这种情况：
代码写错了，正确的如下，先写标签名紧接着写类名：div.bg
效果展示：
2. 代码的优先级不够高，有比他更优先的情况
例如： 选择器div#div01 优先级高于 选择器div.bg
所以此时div.bg的黑色背景颜色看不到，而是div#div01的红色背景
（1）代码如下
（2）效果如下
总结：建议在写css样式的时候，注意所有字符都是英文字符
其次，一定要分清楚选择器的优先级
html中，有的css样式在样式表里不起作用是设置错误造成的，解决方法为：
1、在如图网页中，我们可以看到style中的样式列表，以及所展示的效果图。
2、将style中的全部css样式选中，然后复制或者剪切。
3、然后ctrl+N新建一个CSS样式文件，如图所示，然后创建。
4、在创建的css样式文件中，将刚才复制的文件粘贴到这里。
5、在导出时，需要放到之前网页所在的同文件夹位置，可以新创建一个css文件夹，方便寻找导入。
6、然后回到html文件中，将之前的style样式全部删除即可，然后输入link链接标签，将之前保存的css样式链接进来，保存。
-webkit-user-select: none;
只有WebKit内核（Safari、Chrome）支持，CSS世界唯一的解决方法。
只有Webkit有禁止选择的属性
