?

目录

1. 通用选择器
2. 高级选择器

• 子选择器
• 相邻兄弟选择器
• 属性选择器

?

????通用选择器

通用选择器可以选择页面上的所有元素，并对它们应用样式，用 * 来表示。

语法：

* { property1: value; property2: value; }

示例：

* { margin:0; padding:0;}

这行代码可以删除每个元素在浏览器中margin和padding的默认值。不同的浏览器对元素的默认margin和padding可能不同，用通用选择器把所有元素的margin和padding都设置为0方便我们精确地控制元素的margin和padding。

此处我们以IE11为例看一下实际效果：

当我们想要h1距离下一个元素的距离为20（此处假设下一个元素的margin-top, padding-top和border-weight都是0），可以通过设置padding-bottom为20px来实现，但观察效果却发现h1距离下一个元素远不止20px，这是由于IE11对h1有一个默认的m