css3选择器

css3选择器在css2.1的基础上新增加了属性选择器，伪类选择器，过滤选择器。

1.基本选择器：

                        标签选择器，即直接使用html元素标签，也成为类型选择器。例如p{}。

                        类选择器，在选择器前面加(.)，然后跟随自定义的类名。

当几个不同标签使用相同的类名时，将标签和类捆绑在一起定义选择器可以限制类的使用范围，这种方法可称为指定类选择器，如p.little。    

                       ID选择器，以#作为前缀， 如#box。div#box的优先级大于#box，同等样式下，浏览器会优先解析出div#box的样式。

                      通配选择器，所有元素定义相同样式，例如*{margin:0; padding:0;}

 

2,组合选择器：

                       包含选择器，通过空格标示。div span{   }   ,表示div下所有span元素。      

                      子选择器，指定父元素所包含的子元素，所以像子元素中的子元素就无法被选中。如果不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，可以使用子元素选择器。

                      相邻（两个标签相邻）选择器，通过加号+定义，前后选择符为兄弟关系，并且前一个标签为兄，后一个标签为弟。当定义样式时，如div+h2{color:red;}，和div相邻的h2中元素字体为红色。

                        兄弟选择器，用波浪线~表示，如h2~div，会选所有和h2同一级的div标签。

                        分组选择器，用逗号,表示，如h2,div表示同时为h2和div进行定义。

 3，属性选择器