通配选择器（*）用于匹配所有元素，常用于重置默认样式，如设置margin、padding为0和box-sizing:border-box，统一字体与文本样式，但因性能损耗和样式冲突风险，建议限制作用范围或采用CSS Reset等替代方案。
通配选择器（*）在CSS中用于匹配页面中的所有元素。它常被用来重置默认样式或统一基础样式，但在实际布局中需要谨慎使用。
1. 重置浏览器默认样式
不同浏览器对元素有各自的默认样式，比如margin、padding等。使用通配选择器可以快速清除这些默认值：
- * { margin: 0; padding: 0; } —— 简化布局控制
- * { box-sizing: border-box; } —— 让width和height包含边框和内边距，便于计算尺寸
2. 统一字体和文本样式
为了让整个页面的文本表现一致，可以在根级别设置：
- * { font-family: Arial, sans-serif; }
- * { text-decoration: none; } —— 避免意外下划线等问题
不过更推荐在body或根元素上设置，避免覆盖特殊组件的样式。
立即学习“前端免费学习笔记（深入）”；
3. 注意性能与冲突风险
通配选择器作用范围广，可能带来以下问题：
- 影响渲染性能，尤其在大型页面中
- 容易与其他更具体的选择器冲突
- 可能意外修改第三方组件的外观
建议只在必要时使用，并尽量配合作用域限制，例如：
.container * {
box-sizing: border-box;
}
4. 实际推荐写法
比起全局使用，更安全的方式是结合其他策略：
- 用 * { box-sizing: border-box; } 开启“border-box”模型（广泛推荐）
- 搭配后续选择器精细化调整，避免过度重置
- 现代项目可考虑使用CSS Reset或Normalize.css替代纯通配符重置
基本上就这些。通配选择器简单有力，但要避免滥用，保持样式可控才是关键。
