在 CSS 中,我們可以采用分組選擇器的方式來同時修改多個元素的樣式。分組選擇器是指將多個選擇器通過逗號隔開,實現(xiàn)同時選中這些元素并統(tǒng)一為它們指定一組樣式。
分組選擇器的應(yīng)用非常靈活,尤其是在修改樣式時非常有效。它可以選中多個元素中的部分或全部,也可以選擇不同元素中相同類別的元素,還可以在不同位置出現(xiàn)的元素上應(yīng)用同一組樣式。
/* 選中多個元素 */ h1, h2, h3 { color: #333; } /* 選中同類元素 */ button, input[type="submit"], input[type="reset"] { background-color: green; } /* 選中不同位置出現(xiàn)的元素 */ .header-nav a, .footer-nav a { text-decoration: none; color: #999; }
以上是一些分組選擇器的示例代碼。需要注意的是,分組選擇器雖然能夠批量選中多個元素,但是并不推薦濫用它。在進行樣式修改時,應(yīng)該優(yōu)先考慮使用類選擇器或 ID 選擇器來定位單個元素,并盡量避免使用標(biāo)簽選擇器。