CSS中的通用選擇器是一種非常重要的選擇器,它可以匹配HTML文檔中的任何元素。通用選擇器用一個(gè)星號(hào)(*)表示。下面是一個(gè)例子:
* { color: red; }
上面的代碼將會(huì)將頁(yè)面所有的元素的顏色都設(shè)置成紅色。雖然使用通用選擇器可以讓開(kāi)發(fā)者非常方便的設(shè)置全局樣式,但也有一定的風(fēng)險(xiǎn)。因?yàn)橥ㄓ眠x擇器會(huì)選擇所有的元素,導(dǎo)致不必要的性能消耗。所以我們要合理的運(yùn)用通用選擇器。
除了上面那個(gè)例子,我們還可以使用通用選擇器來(lái)設(shè)置指定元素的后代元素的樣式。例如:
div * { margin: 0; }
上面的代碼將會(huì)選擇div元素的所有后代元素,并將它們的margin屬性設(shè)置為0。這里提醒大家,雖然使用通用選擇器可以方便我們?cè)O(shè)置全局樣式,但請(qǐng)不要濫用。如果做得不當(dāng),將會(huì)影響頁(yè)面性能,影響用戶體驗(yàn)。