前端的一点点收获——选择器的优先级

        之前听课的时候，选择器的优先级并不是特别理解到底会出什么问题？而当自己使用的时候果然出现了问题。优先级使用错误了，就像写的阴影将我图片上的内容全都挤下去了。

        选择器有

                元素选择器：通过元素选择器可以选择页面中指定的元素。

                id选择器：通过id属性值选中唯一的一个元素；语法:#id属性值{}

                类选择器：通过元素的class属性值选中一组元素；语法：.class属性值{}

                复合选择器(交集选择器）作用：可以选中同时满足多个选择的元素
                                                         语法：选择器1选择器2选择器N{}

                通配选择器： 用来选中页面中所有的元素; 语法:*{}

                选择器分组 ：可以同时选中多个选择器对应的元素
                                     语法:选择器1,选择器2,选择器N{}

                子元素选择器：作用:选中指定父元素的指定子元素
                                          语法:父元素>子元素 

                后代元素选择器：作用:选中指定元素的指定的后代元素
                                             语法:祖先元素 后代元素{}

                优先级的规则
                                    内联样式，优先级1000
                                    id选择器，优先级100
                                    类和伪类，优先级10
                                    元素选择器，优先级1
                                    通配*，优先级0
                                    继承的样式，没有优先级

                我当时就是因为这个优先级给写错了，阴影和字就是不能同时在一个盒子里面，后来就又想起来一个z-index

                        z-index属性设置元素的堆叠顺序，当元素之间重叠的时候， z-index 较大的元素会覆盖较小的元素在上层进行显示。

                选择器类型真的很多，还有伪类选择器，属性选择器，子元素选择器，兄弟元素选择器。总之，这个优先级真的给我上了一小课！