yiminghe 发表于 2013-1-29 07:37:02

简述 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 {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元素的第一个字母
 
页: [1]
查看完整版本: 简述 css 选择器