选择器作用：告送浏览器，网页上的哪些元素需要设置什么样的样式。
1.元素选择器（标签选择器）
1.1. 语法：标签名{}（例子：p{}）
1.2. 作用：此样式对于p元素都适合。
1.3.例子：
<body> <p>我是body中的p元素</p><div><p>我是div中的p元素</p></div></body>
2.id选择器
2.1.语法：#id{}
2.2.作用：可以根据元素的id属性值选取元素。
3.类选择器
3.1.语法：.className{}
3.2.作用：可以根据元素的class属性值选取一组元素。
4.并集选择器（群组选择器）
4.1.语法：选择器1，选择器2{}
4.2.作用：只要符合一个选择就会应用指定样式
5.交集选择器（复合选择器）
5.1.语法：选择器1选择器2{}
5.2.作用：需要同时满足多个选择器的元素才会应用该元素。
6.后代选择器
6.1.语法： 祖先元素 后代元素 后代元素{}
6.2.作用：后代元素可以根据标签关系，为处在元素内部的代元素设置样式
7.子元素选择器
7.1.语法：父元素>子元素{}
7.2.作用：可以给另一个元素的子元素设置样式。
7.3.注意：ie7以下版本不兼容
8.通用选择器
8.1.语法：*{}
8.2.作用：可以同时选中页面中的所有元素
9.附加定义：标签之间的关系：
9.1.祖先元素：直接或间接包含后代元素的元素
9.2.后代元素：直接或间接被祖先元素包含的元素
9.3.父元素：直接包含子元素的元素
9.4.子元素：直接被父元素包含的元素
9.5.兄弟元素：拥有相同父元素的元素。
扫一扫
119
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
