html中样式和选择器的覆盖问题

样式

CSS样式三个层次：（其实还有个浏览器缺省样式，不过可以忽略它）

内联样式表(内联样式、行内样式)

特点：嵌在标签内：<p style="font-size:12pt;color:red;">ABC</p>

文档样式表(内嵌样式、内部样式表)

以<style></style>出现在文档内

<style type="text/css">
       规则表
    </style>

外部样式表

特点：外部样式以外部文件独立存储, 作用于多个文档
用 <link rel="stylesheet" type="text/css" href="http://www.zhku.edu.cn/styles/w.css"/>（尖括号打上去就消失了，用这个代替） 或 @import url(路径)

覆盖原则

内联>内嵌>外部
即当出现同一个 HTML元素的同一样式（比如所三个样式表定义了三种字体）被不止一个样式定义时, 就产生冲突，此时，该元素如果有内联样式则会显示内联的样式，以此类推。

---

选择器覆盖

id选择器>类选择器类>伪类选择器>上下文选择器>通配选择器 ps:关于它们的含义可进一步查看
即：如果id中与class定义了相同的样式并引用在同个标签时，则会发生覆盖，不同的部分，还是可以都显示的。