伪类结构选择器，状态伪类选择器，弹性盒子

伪类选择器：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