CSS权重是由四个数值决定，看一张图比较好解释：
图里是英文的，我翻译过来分别说一下，4个等级的定义如下：
第一等：代表内联样式，如: style=””，权值为1000。
第二等：代表ID选择器，如：#content，权值为100。
第三等：代表类，伪类和属性选择器，如.content，权值为10。
第四等：代表类型选择器和伪元素选择器，如div p，权值为1。
最后把这些值加起来，再就是当前元素的权重了。
权重算出来了，但是某个元素到底用哪个样式，还有3个规则,：
1，如果样式上加有!important标记，例如：
p{ color: gray !important}那么始终采用这个标记的样式。
2，匹配的内容按照CSS权重排序，权重大的优先；
可以看到，CSS权重只是决定应用哪个样式的其中一个步骤，不过这个步骤是最复杂的，上面已经说过了。
3，如果权重也一样，按照它在CSS样式表里声明的顺序，后声明的优先，例如：
h1 {color: blue}h1 {color: red}
最终胜出的是color: red。
问题1，很显然是不合理的，增加一个属性可以，改变就不行。如果硬要这样做，可以采取细一点的方式，例如为a定义一个样式： .apage a 和 .bpage a 在A页面是<div class="apage"><a ...>...</a></div>而在B页面 则是 <div class="bpage"><a ...>...</a></div>问题2，尽量将所有的样式表都放在一个单独的CSS文件里，网站所有的页面都调用这一个文件。要明白，CSS、HTML 都不是运行程序，而只是代码，效率和文件的大小有很直接的关系，如果10个页面10个CSS，明显的没有达到这样的目的。
浏览器打开一个页面时，同时也下载了CSS到IE的临时文件夹中（除非CSS不是一个单独的文件），再打开其他页面，如果引用的是同一个CSS，就不会再进行下载。显而易见，下载10个文件要比下载1个文件效率低得多，即使这1个文件比10文件加起来还大。
回复楼下的看法：一个网站的所有页面不可能有非常多的区别，况且CSS是在客户端执行，完全不涉及到服务端，况且浏览器是先看样式名，再根据样式名去查找相符合的样式。不是把所有的样式都遍历一次，你所说的打开页面慢、CUP频率高貌似不大可能出现。即使有，那也不是因为样式表很大的缘故，即使是因为样式表非常大，这样的影响也小到可以忽略，即使明显，也只是在客户端，和客户机有较大关系，对服务端不会造成任何压力。
如果你很不喜欢这样的方式，至少可以把布局大致相同的页面引用某一个CSS，完全不相同的引用另一个CSS。但是一个页面一个CSS，绝对更不可取。
