css选择器

   

     CSS选择器样式：

        

  

 总体来说，CSS选择器有 4 种：

      1.1  ID选择器：为标有特定id的HTML元素来指定样式,如：

       #green{color：green; }

                                                      

        1.2 派生选择器：根据上下文关系来定义样式，如

       

    1.3 CSS类选择器：用来给有class同名的html元素来指定样式，如    

            .center{ text-align:center}:所有拥有center类的HTML元素均为居中

       在html网页中，class可以命名重复，但是ID是唯一的

   1.4 CSS属性选择器：对带有指定属性的html元素来指定样式，也可以且不限于为id和class属性。

       （I6及以下版本不支持属性选择器）

       1.4.1  属性选择器：

            这个例子是为所有带有title属性的元素设置样式：[title]{ color:green;}

       1.4.2  属性和值选择器

           这个例子是title=“helloword”的所有元素设置样式 ：[title=helloword]{ color:red;}

       1.4.3  属性和值选择器--多个值

           这个例子是指定值的title属性的所有元素设置样式，适用于由空格分隔的属性值： [title~=hello]{color: red;}

           这个例子是为带有包含指定值的lang属性的所有元素设置样式，适用于由廉洁字符分隔的属性值：

           [lang |=en]{color:red;}      

      1.4.4 css属性选择器可以为没有id和css值的form表单设置样式：

            input[type="text"]{

                 width:150px;

            }

            

          input[type="button"]{

                 width:150px;

            }

   这几个选择器都可以混合使用：

       如  ：  id选择器可以作为派生选择器 ：#sider1  h2{ height:20px;}

       如 ：class选择器也可以作为派生选择器： .sider2 h2{ height：20px;}

  根据html网页的具体内容选择选择器来设置页面元素的样式。