通用選擇器對效能的影響

通用選擇器 (*) 將 CSS 樣式套用至文件中的所有元素。雖然它曾經被認為對效能有害，但現代瀏覽器的進步已經減輕了它的影響。

等效規則

通用選擇器規則(* { margin: 0; padding : 0; }) 在功能上等同於更具體的規則(body, h1, p { margin: 0; padding: 0; })。但是，存在潛在的性能差異。

現代瀏覽器通常使用高度優化的樣式引擎，可以有效地處理通用和特定選擇器。通用選擇器最初可能需要稍微多一些的處理來識別所有元素，而特定選擇器可以直接將樣式套用到目標元素。

效能影響當應用於昂貴的效果時，通用選擇器變得更加明顯。特殊效果（例如框陰影或 z 軸旋轉）需要更多處理時間。使用通用選擇器將這些效果套用到每個元素會減慢渲染速度。

對於重置樣式表或應用於所有元素的簡單聲明，通用選擇器選擇器仍然是一個有效且簡潔的選項。然而，當性能至關重要並且涉及昂貴的效果時，最好使用特定的選擇器僅針對必要的元素。