CSS选择器

常用选择器

1.标题选择器

·        语法：标签名{}

2.Id 选择器

        语法：#id属性值{}

         注意：id属性值不能以数字开头，不建议汉字，不能重复使用

3.class选择器

        语法：.class属性值{}

复合选择器

1.交集选择器

        语法：选择器1选择器2选择器3{}

2.并集选择器

        语法：选择器1,选择器2,选择器3{}

关系选择器

1.父子关系

        语法：父元素>子元素{}

2.祖先后代

        语法：祖先元素 后代元素{}

3.兄弟关系

        语法：兄+弟{}

属性选择器

        语法：[属性名]{} 选择含有指定属性的元素

                 [属性名=属性值]{} 选择含有指定属性和属性值的元素

                 [属性名^=属性值]{} 选择属性值以指定值开头的元素  

                 [属性名$=属性值]{} 选择属性值以指定值结尾的元素

                 [属性名*=属性值]{} 选择属性值含有某值的元素

伪类选择器

一.伪类（不存在的类，特殊的类）

             :first-child  第一个子元素

            :last-child   最后一个子元素

            :nth-child()  选中第n个子元素

                   特殊值： n    所有的

                          2n或even  选中偶数

                          2n+1或odd  选中奇数

 -----以上这些伪类都是根据所有的子元素进行排序

            1、:first-of-type  第一个子元素

             2、:last-of-type    最后一个子元素

             3、:nth-of-type()  选中第n个子元素

                  功能跟上面相似，

              不同的是，这是在同类型的子元素中去选择

二、:not() 否定伪类

           -将符合条件的元素从选择器中去除

a元素的伪类

        a:link     未被访问

        a:visited     已被访问

        a:hover      鼠标指针位于其上

        a:active      鼠标按下未弹起的链接

伪元素选择器

         ::first-letter  表示第一个字母

          ::first-line  表示第一行

          ::selection  选中的内容

          ::before  元素的开始位置

          ::after   元素的结束位置

        注意：before和after必须要结合content使用