通配符选择器用表示，可匹配所有元素，常用于样式重置和全局样式设置。通过 {margin: 0; padding: 0; box-sizing: border-box;}统一清除默认样式，确保布局一致性。但因其作用范围广，可能影响性能，建议仅在必要时使用，并优先考虑更精确的选择器替代。
在CSS中，通配符选择器用星号（*）表示，它可以匹配页面中的所有元素。使用通配符选择器可以快速为所有HTML元素统一设置样式，常用于重置默认样式或定义全局基础样式。
通配符选择器的基本语法
通配符选择器的写法非常简单：
* {property: value;
}
这里的 * 代表所有元素，花括号内的样式将应用于页面上的每一个标签。
常见用途：样式重置
浏览器会为HTML元素添加默认的外边距（margin）和内边距（padding），这可能导致不同浏览器显示效果不一致。通过通配符选择器可以统一清除这些默认值：
立即学习“前端免费学习笔记（深入）”；
- margin: 0;
- padding: 0;
- box-sizing: border-box;
例如：
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
这样能确保所有元素的盒模型统一，并从零开始布局，避免意外间距。
注意事项与性能建议
虽然通配符选择器使用方便，但需注意以下几点：
- 它作用于所有元素，包括嵌套很深的标签，可能影响渲染性能，尤其是在大型页面中。
- 过度使用可能导致样式难以维护，建议仅在必要时使用，如初始化重置。
- 某些情况下可考虑用更精确的选择器替代，比如只重置特定容器内的元素：
.container * { margin: 0; }
结合其他选择器灵活使用
通配符也可与其他选择器组合，实现更精细控制。例如：
- *[class]：选择所有具有 class 属性的元素。
- p *：选择 p 标签内的所有后代元素。
- #header * + *：选择 #header 内非第一个子元素的所有元素。
这种组合方式增强了选择的灵活性。
基本上就这些。通配符选择器是CSS中一个强大而简便的工具，合理使用能让样式管理更高效，但也要避免滥用，保持代码清晰和性能优良。
