闲来没事,记录一下,有些还是很少使用到的。
权重由高到低:!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