伪类选择器:a标签有4种伪类,建议按顺序书写: link:连接前 visited:连接后
hover:鼠标移入时 active:鼠标在元素上并按下左键
first-child: 第一个子级(只能是第一个li,li是第一个子级元素)
first-of-child:特定的第一个子级(第一个li类型的标签,li不用是第一个子元素)
last-child:最后一个子级
last-of-child:特定最后一个子级
nth-child(n):第n个子元素
nth-of-type(n):特定的第n个子元素(比较准确)
nth-last-child(倒数第n个子元素)
nth-last-of-type(n):(指定类型的倒数第n个子元素)
状态伪类选择器:可以理解为某个元素的子元素,但不存在于html中
1.::after:元素后面的内容
2.::before:元素前面的内容
3.::first-line:文本的第一行样式
4.::first-letter:文本的首字母,只用于块元素
5.::placeholder:只用于表单的提示信息
弹性盒子:实现弹性布局:父元素设置display-flex
flex-direction:确定主轴方向:row(默认) 起点在左端
row-reverse 起点在右端
column:竖直方向 起点在上边
column-reverse:竖直方向 起点在下边
flex-wrap:设置元素是否换行 默认不换行
align-items:交叉轴对齐方式:flex-start 起点对齐
flex-end 终点对齐
center 居中
baseline 文本下基准线
调整换行的排列方式:alidn-content:flex-start