元素选择器

• 作用：通过元素选择器可以选中页面中所有指定元素

• 语法：标签名{ }

• 举例：p{color: red;} /*选中页面中所有p元素并设置字体颜色为红色*/

id选择器

• 作用：通过元素的id属性值选中唯一的一个元素

• 语法：#id属性值{ }

• 举例：#header{font-size: 38px;}

类选择器

• 作用：通过元素的class属性值选中一组元素

• 语法：.class属性值{ }

• 举例：.inner{background-color: green;}

PS：可以同时为一个元素设置多个class属性值，多个值之间使用空格隔开。

选择器分组

又称并集选择器

• 作用：通过选择器分组可以同时选中多个选择器对应的元素

• 语法：选择器1,选择器2,选择器n{}

• 举例：p, #header, .inner{background-color: yellow;}

通配符选择器

• 作用：可以用来选中页面中所有的元素

• 语法：*{ }

• 举例：*{ margin: 0; padding: 0; }

复合选择器

又称交集选择器

• 作用：可以选中同时满足多个选择器的元素

• 语法：选择器1选择器2选择器n{ }

• 举例：p.inner{color: green;}

PS：对于id选择器来说，不建议使用复合选择器，因为id本身就是唯一的。

如发现错误请联系我，谢谢你。
本文链接：http://ninefire.tk/HTML&CSS.basics/11.html