css相关

css的优先级
行内样式（inline style）> ID选择符 > 样式（class）> 伪类（pseudo-class）和属性选择符（attribute）> 标签选择符

伪类： a:link; a:visited等
伪对象选择器：div:first-letter; li: first-child（选择属于其父元素的首个子元素的第一个 li 元素）

多重css样式定义，属性追加重复最后优先原则

解决chrome动画卡顿的方法

// 为动画DOM元素添加CSS3样式
webkit-transform: translate3d(0,0,0); 
-moz-transform: translate3d(0,0,0); 
-ms-transform: translate3d(0,0,0); 
-o-transform: translate3d(0,0,0); 
transform: translate3d(0,0,0);
// 或
webkit-transform: translateZ(0); 
-moz-transform: translateZ(0); 
-ms-transform: translateZ(0); 
-o-transform: translateZ(0); 
transform: translateZ(0);

这两个属性都会开启GPU硬件加速模式，从而让浏览器在渲染动画时从CPU转为GPU