CSS—选择器

标签：box   -o   web   hover   编写   颜色   大小   匹配   webkit   

选择器是CSS中一个重要的内容，对此做一个详细的归纳总结有助于后期CSS的编写：

一、元素选择器：标注名{声明块}

　　1.所有与该标记名匹配的元素，都将应用声明块中的规则

二、类选择器：.类名{声明块}

　   1.命名必须是字母开头

       2.区分大小写的

       3.含字母，数字，连字符，下划线

       4.一个类选择器可应用到多个标签

三、ID选择器：#id值{声明块}

　　1.属性id为指定值的元素，将应用声明块中的规则

　　2.同一个HTML文档中，元素的id值必须唯一

　　3.例：h1{color:red;text-align}

四、组合选择器/并集选择器：h1,h2,h3{声明块}

五、伪类选择器：

　　1.元素名称：伪类名称

　　a:link                        /*未访问*/

　　a:visited                   /*已访问*/

　　a:hover           　　  /*鼠标悬停*/

　　a:acitve           　　  /*点击时*/

　　2.选择子代选择器（精确）

　　2.1.nth-child(x)

　　例：ul li:nth-child(2){ }

　　2.2.nth-child(2n)

　　例：ui li:nth-child(2n)

　　2.3.nth-child(2n+1){ }

　　2.4.选择偶数项：ul li:nth-child(even){ }

　　2.5.选择奇数项：ul li:nth-child(odd){ }

　　2.6. 类型为p的第三个元素：box4    p:nth-of-type(3){ }

六、后代选择器：父级选择器 子级选择器{ }

七、子集选择器（只会选择子集中的该标签）

        父级元素名称>子集元素名称{ }        /*div>p*/

八、属性选择器：<input type=”text” />

      1.格式一：元素名称[属性名称+属性值]{声明块}

      例： input:[type=”text”]{声明块}

       　　input：-webkit-input-placeholder{ }     /*只变提示信息颜色*/

       2.格式二：元素名称[属性名称^=属性值]{ }

　   例： <input type=”radio” name=”sichuan”>

     　　   input[name^=”si”]   /*以si开头的name*/

       3.格式三：元素名称[属性名称$=属性]

      例：input[name$=”chuan”{ } /*选择器以属性值结束的标签*/

       4.格式四：元素名称[属性名称*=属性值]{ }

      input[name*=”chuan”]{ } /*包含该属性值的标签*/

CSS—选择器

标签：box   -o   web   hover   编写   颜色   大小   匹配   webkit   

原文地址：http://www.cnblogs.com/alisa-sister/p/7637405.html