CSS新增单位rem

em:根据父元素字体大小进行设置,是父元素的倍数

rem:全写“root em”,根据HTML根元素字体大小进行设置,是根元素字体大小的倍数

HTML根元素默认字体大小为16px,也称为基础字体大小

chrome内核不支持12px以下的大小的字体,其他浏览器支持

reansform: scale(0.84);  //大约就是10px 10.04像素(用来缩放字体)(需要适配 -webkit-transform-origin-x:0;使元素不会向右偏移)

li:nth-child(2){}  //选中顺数第二个li标签

li:nth-child(3n+1){}  //选中每三个一组循环的第一个

li:nth-child(odd/even){}  //odd单数 even双数


元素状态伪类

E:enabled 选中E标签中为可用状态的E标签(例如:input:enabled{} 选中input元素状态可用的)

E:disabled 选中E标签中为可用状态的E标签

read-onlv 只读状态的元素

focus 得到焦点的元素

checked 选中被选中状态的元素(常用于表单元素input里的单选框)

selection 选中通过鼠标画选或者ctrl+A的元素


属性选择器

:[属性]  例如class id color alt

:[属性="属性值"]  选中某属性等于某值的元素

:[属性^='属性值'] 属性值以**开头的元素

:[属性$='属性值']  属性值以**结尾的元素

:[属性*='属性值']  属性值包含**的元素


:empty  选中没有任何内部内容的元素(无论是子元素还是文本内容)

:not(s) 选中所有不匹配s选择器的元素

E~F 选中同级别中  E元素之后的所有F元素

:root 选中文档根元素,即<html>元素

:target 选中当前活动的目标锚点