你是要4个a标签都同一个样式还是每个标签一个样式？
前者的做法：
<style>.p_navigates a{/*样式*/}
</style>
<div class="p_navigates">
<a href="# ">1</a>
<a href="# ">2</a>
<a href="# ">下一页</a>
<a href="#">末页</a>
</div>
后者的做法：
<style>.p_current1{}
.p_current2{}
.p_current3{}
.p_current4{}
/*一般不赞成这样做，网页小的话还不会怎样，大的网站就不行了*/
</style>
<div class="p_navigates">
<a href="# " class="p_current1">1</a>
<a href="# " class="p_current2">2</a>
<a href="# " class="p_current3">下一页</a>
<a href="#" class="p_current4">末页</a>
</div>
在某些方面，ID 选择器类似于类选择器，不过也有一些重要差别
引用的形式上，类选择器提供了对类名相同的标签同时样式控制的便利，课单独操作一个标签时继续引入一个Class有些大材小用，尤其是维护一个样式复杂的页面，用class去操作单一的标签容易搞混淆
优先级上，ID选择器可以保证更高的优先级，达到更精细的样式控制
ID可以保证唯一性，与类不同，在一个 HTML 文档中，ID 选择器会使用一次，而且仅一次
ID 丰富了样式的描述，同时提供更精细的动作选择支持，比如配合Jscript的使用，可以独立于元素来选择 ID。有些情况下，您知道文档中会出现某个特定 ID 值，但是并不知道它会出现在哪个元素上，所以您想声明独立的 ID 选择器。有利于配合JS等的操作
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：li:not(.test) {color: blue}。
3、浏览器运行index.html页面，此时包含test类元素的li标签不会触发设置蓝色字体样式的css代码。
