css选择器

1.多元素选择器：多个元素(标签)共用一个样式 语法：多个选择器用逗号隔开，例如#app-1,#app-2{}

2.后代选择器：父子关系语法：父标签选择器>子标签选择器{}

                      子孙关系语法：父标签选择器 空格 子标签选择器{}

                      连级语法：父标签选择器>子标签选择器>孙标签选择器

                      精准选择：.app-3>span:nth-child(1){}

3.伪类选择器

            鼠标移入：

                语法： .p-1:hover{}

            得到焦点：

                语法：input:focus{}

            在某个标签前面插入一段内容：标签名后加:before

            在某个标签后面插入一段内容：标签名后加:after

            a:active:链接点击后的效果，选择活动链接，一般用于a标签