通配符选择器用星号表示，可匹配所有元素，常用于样式重置、全局设置或布局调试，如*{margin:0;padding:0;}，但因性能低、优先级弱且易引发继承问题，应避免过度使用，仅限初始化或临时调试。
通配符选择器是CSS中一种特殊的选择器，用星号（*）表示，它能匹配页面中的所有元素。使用它可以快速对整个文档的元素进行统一设置，比如重置样式或清除默认边距。
通配符选择器的基本语法
通配符选择器的写法非常简单：
* {property: value;
}
例如，要清除所有元素的外边距和内边距，可以这样写：
* {margin: 0;
padding: 0;
}
常见的使用场景
通配符选择器常用于以下几种情况：
立即学习“前端免费学习笔记（深入）”；
- 样式重置：浏览器会给某些元素添加默认样式，使用 * 可以统一清除这些默认值。
- 设置全局字体或颜色：如定义整个页面的文字颜色或字体族。
-
调试布局：在开发阶段，给所有元素加上边框，便于查看结构：
* { border: 1px solid red; }
性能与注意事项
虽然通配符选择器使用方便，但需注意以下几点：
- 影响性能：它会作用于每一个元素，浏览器需要遍历所有节点，可能降低渲染速度，尤其在大型页面中。
- 优先级问题：通配符选择器的优先级非常低，容易被其他选择器覆盖。
- 慎用继承属性：如果设置像 font-size 这类可继承属性，可能导致子元素样式混乱。
- 避免过度使用：不应依赖 * 完成主要样式布局，建议用更具体的选择器替代。
基本上就这些。通配符选择器适合做初始化或临时调试，实际开发中应合理控制使用范围，兼顾效率与维护性。不复杂但容易忽略细节。
