CSS 选择器的权重

Question

闲来没事，记录一下，有些还是很少使用到的。

权重由高到低：!important ＞ 内联样式 ＞ id 选择器 ＞ 类选择器 ＞ 标签选择器 ＞ 通配符 ＞ 继承。

• id 选择器（#myid）
• 类选择器（.myclassname）
• 标签选择器（div、h1、p）
• 相邻选择器（h1 + p）
• 子选择器（ul > li）
• 后代选择器（li a）
• 通配符选择器（*）
• 属性选择器（a[rel="external"]）
• 伪类选择器（a:hover、li:nth-child）
• 可继承的属性：font-size、font-family、color