需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：li:not(.test) {color: blue}。
3、浏览器运行index.html页面，此时包含test类元素的li标签不会触发设置蓝色字体样式的css代码。
这个情况css是筛选不出来的呢，就好比一碗水里面你取一瓢，取上来的还是水呢！
以你现在的代码来看，
泛选择 .hebody .loc (这样写就选择了所有的hebody下的loc类)
单独选择 .header div:nth-child(2) .loc (这样写就单独选择了第一个含有loc类的容器了)
希望能帮到你！
1、id: id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称。
用法：若一个标签的id="myid",那么使用它的时候通过”$("#myid")“来获取当前标签或使用“#myid{}”来定义CSS样式。
2、class：根据用户定义的标准对一个或多个元素进行标记和定义，一个标签可以有多个class，例如class="myclass1 myclass2",当前标签就有两个class，分别为myclass1和myclass2。
用法：若一个标签有一个class="myclass",那么获取这个标签可以使用$(".myclass"),同时使用”.myclass{}“来定义CSS样式。
3、name：从名字可以知道这是用于定义一个标签的名字的属性，name可用于数据获取，常用于表单数据的获取。
用法：若一个输入框的name="myname" ，常用request.getparameter("myname")来获取当前输入框的值。
