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

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