简述 css 选择器

    css 可以定义不同的标准 来选择可以进行格式化的元素。

 

    1. 元素所在的类型或名称 。如

                  h1 {color:red;}

                   p  {color:red;}

 

     2.元素所在的位置信息。 如

           2.1 选择某个元素下所有的子元素

                        div  p{color:red;}

           2.2 选择某个元素下的直接儿子元素

                         div > p{color:red;}  IE6及其以下版本不支持

           2.3 选择相邻的同胞

                          h1 + p {color:red} 紧跟在h1后面的p IE6及其以下版本不支持

 

      3. 元素的class 或 id

            .class1 {color:red;}

            #id1 {color:red;}

             3.1  1,3可以不加空格联合表示,同时满足两个条件

                          p#id1 {color:red}

                          p.class1{color:red}

 

       4.元素的伪元素或伪类

           4.1 伪类     IE6及其以下版本不支持

              div p:fist-child {color:red}   div 的第一个p子元素

           4.2 伪元素

                p:first-letter {color:red;}

           4.3 链接的状态 (属于伪类)

                 a :link ....  LVFHA     (love f hate)

伪的理解：

伪类：浏览器预定义的一些选择特定状态（hover）dom节点元素（first-child）的方式

伪元素：浏览器定义的访问不属于dom节点的元素的方式（文本第一行，第一个字）

 

       5：元素的属性值    IE6及其以下版本不支持

             p[attr = value] {color:red}

 

        6.群组元素

 

             p,h1 {color:red}  == p{color:red;} h1{color:red;}

 

             通用选择器 *{margin:0}  作用于页面中所有的可用元素

 

 

         7.1 -6 的组合使用

 

              div.class1 p em:first-letter {color:red;}

                    只选择在class等于class1的div元素中的p元素中，em元素的第一个字母