📅 最后修改于: 2023-12-03 15:00:04.380000 🧑 作者: Mango
CSS是网页设计中必不可少的一部分，而在CSS中，选择器是控制样式和布局的关键。而通用选择器“*”是一个重要的选择器，可以将样式应用到HTML中的所有元素上，或在正文中的所有元素上。
以下是使用通用选择器“*”选择HTML中所有元素的示例代码：
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
上面的代码表示将margin、padding和CSS盒模型的box-sizing属性应用到HTML中的所有元素中。这对于网页设计非常有用，因为它可以统一所有元素的边距和内边距，同时也保证了页面在不同浏览器中呈现一致的效果。
如果你想将样式应用到正文中的所有元素上，可以使用以下代码：
body * {
font-family: Arial, sans-serif;
font-size: 16px;
}
上面的代码将font-family和font-size属性应用到正文中的所有元素上，这对于全局样式的统一非常有用。
虽然HTML选择器和正文选择器看起来很类似，但它们的应用场景略有不同。HTML选择器可以选择HTML中的所有元素，而正文选择器只选择在<body>标签内的元素。所以如果你想将样式应用到<head>标签内的元素上，就需要使用HTML选择器。
虽然通用选择器“*”可谓非常实用，但由于它适用的元素过多，所以需要谨慎使用，否则可能会影响网站的性能。