选择器

选择器 语法
选择器： 标签{}

元素选择器
作用：通过元素选择器可以选择页面中的所有指定元素
语法：标签名 { }

ID选择器
作用：通过元素的ID属性值选中唯一的一个元素
语法：#ID属性值{}

类选择器
作用：通过元素的class属性值选中一组元素
语法：.class属性值{}

选择器分组
作用：通过选择器分组可以同时选中多个选择器对应的元素
语法：选择器1，选择器2，选择器N{}

通配选择器
作用：可以用来选中页面中的所有的元素
语法：*{}

复合选择器
作用：可以选中同时满足多个选择器的元素
语法：选择器1，选择器2，选择器N{}

对于ID选择器来说，不建议使用复合选择器

后代选择器
作用：选中指定元素的指定后代元素
语法：祖先元素 后代元素{}

子元素选择器
作用：选中指定父元素的指定子元素
语法 ： 父元素 > 子元素

IE6及以下浏览器不支持子元素选择器

标签之间的关系

1.祖先元素

直接或间接包含后代元素的元素。

2.后代元素

直接或间接被祖先元素包含的元素。

3.父元素

直接包含子元素的元素。

4.子元素

–直接被父元素包含的元素。

5.兄弟元素

拥有相同父元素的元素。