[分享]css全局选择器利弊

在CSS中，有一种选择器叫做全局选择器，它使用“”表示选择所有元素。那么在实际使用中，全局选择器有哪些利弊呢？利： { margin: 0; padding: 0; boxsizing: border...

在CSS中，有一种选择器叫做全局选择器，它使用“*”表示选择所有元素。那么在实际使用中，全局选择器有哪些利弊呢？

利：

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
} 

使用全局选择器可以以一种非常简单和快速的方式设置所有元素的margin、padding和盒模型属性。不必给每个元素逐个设置，这可以大大减少代码量和开发时间。此外，全局选择器还可以作为CSS重置样式的一部分，确保跨浏览器一致性。

弊：

* {
    font-size: 20px;
} 

使用全局选择器设置字体大小为20px可能会导致一些问题。例如，某些元素可能不适合使用20px的字体大小，或者在移动设备上可能会使文本过于大和难以读取。因此，在使用全局选择器时需要格外小心，确保它对整个页面的影响是预期的。

总结：

虽然全局选择器可以带来许多方便，但必须谨慎使用。在编写CSS代码时，应该牢记整洁性和可维护性的原则，避免无意义的冗余代码，使代码更加高效。