css样式的优先级+ 伪类选择器:hover+选择器

1、样式表的优先级：

内联样式 》 内部样式

内联样式 》 外部样式

外部样式 和内部样式，谁写在后面，谁的优先级比较高

2、伪类选择器；

a:link {color: red;} /* 未访问的链接状态 /
a:visited {color: green;} / 已访问的链接状态 /
a:hover {color: blue;} / 鼠标滑过链接状态 /
a:active {color: yellow;} / 鼠标按下去时的状态 */

3、通配符选择器

通配符（）作用到所有的元素
用法：常用来重置样式。
例：{margin:0;padding:0;}

群组选择器：
        语法：选择符1，选择符2...{
        }
        说明：当有多个选择符应用相同的样式时，
        可以将选择符用“，”分隔的方式，合并为一组。
 包含选择器，把css的样式作用给子元素
        语法：父选择器 子选择器｛
            属性：属性值
        ｝

权重排序：

内联样式(1000) > id选择器(0100) > class选择器(0010) > 类型选择器(0001) > 继承（0000）

* 当不同选择符的样式设置有冲突的时候，高权重选择符的样式会覆盖低权重选择符的样式。

例如：b .demo{ }的权重是1+10=11

.demo{ }的权重是10

所以经常会发生.demo的样式失效

相同权重的选择符，样式遵循就近原则：哪个选择符最后定义，就采用哪个选择符样式。

注意：是css样式中定义该选择符的先后，而不是html中使用先后）