css的三大特性
- 继承性(子元素继承父元素)
- 层叠性(多个class层叠)
- 优先性(权重计算、!important)
选择器效率问题
选择器效率高到底排序
- id选择器(#id)
- 类选择器(.className)
- 标签选择器(div,h1,p)
- 相邻选择器(h1+p)
- 子元素选择器(ul < li)
- 后代选择器(li a)
- 通配符选择器 *
- 属性选择器(a[rel="external"])
- 伪类选择器(a:hover,li:nth-child)
关于浏览器css选择器性能优化 (opens new window)