在CSS中,我們可以使用星號(*)來代表所有的元素。當我們定義一段CSS代碼時,如果使用了星號作為選擇器,意味著我們的這段CSS代碼會作用在所有元素上,這是非常方便的一個功能。
* { margin: 0; padding: 0; }
上述代碼表示清除所有元素的外邊距和內邊距,如果不使用星號作為選擇器,那么我們需要分別為每一種元素寫一個相同的代碼塊,這顯然不是一種優雅的方式。
值得注意的是,過度使用星號選擇器也會對網頁的性能造成一定的影響,因為除了影響到我們希望作用的元素,還會對其他無需作用的元素也進行了處理。因此在使用星號選擇器的時候,需要慎重考慮。
* { box-sizing: border-box; font-family: Arial, sans-serif; }
上述代碼則表示將所有元素的盒模型設為邊框盒模型,并將字體設為 Arial 或 sans-serif。