CSS各种选择器的权重 和 伪类选择器

选择器	选择器权重
继承或者 *（选择所有元素）	0,0,0,0
元素选择器（div、p、ul、from、）	0,0,0,1
类选择器(.myclass）、伪类选择器(:hover、:visited)	0,0,1,0
ID选择器（#myID)	0,1,0,0
行内样式 style=" "	1,0,0,0
!important  重要的	无穷大

伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。

比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后是什么状态。所以，就叫做“伪类”。

静态伪类和动态伪类

伪类选择器分为两种。

（1）静态伪类：只能用于超链接的样式。如下：

• :link 超链接点击之前
• :visited 链接被访问过之后

PS：以上两种样式，只能用于超链接。

（2）动态伪类：针对所有标签都适用的样式。如下：

• :hover “悬停”：鼠标放到标签上的时候
• :active “激活”： 鼠标点击标签，但是不松手时。
• :focus 是某个标签获得焦点时的样式（比如某个输入框获得焦点）

PS：以上三种样式，只能用于超链接。