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 选中当前活动的目标锚点