溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“CSS選擇器分組的方法”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“CSS選擇器分組的方法”吧!
假設希望 h3 元素和段落都有灰色。為達到這個目的，最容易的做法是使用以下聲明：
h3, p {color:gray;}將 h3 和 p 選擇器放在規則左邊，然后用逗號分隔，就定義了一個規則。其右邊的樣式（color:gray;）將應用到這兩個選擇器所引用的元素。逗號告訴瀏覽器，規則中包含兩個不同的選擇器。如果沒有這個逗號，那么規則的含義將完全不同。參見后代選擇器。
可以將任意多個選擇器分組在一起，對此沒有任何限制。
例如，如果您想把很多元素顯示為灰色，可以使用類似如下的規則：
body, h3, p, table, th, td, pre, strong, em {color:gray;}提示：通過分組，創作者可以將某些類型的樣式“壓縮”在一起，這樣就可以得到更簡潔的樣式表。
以下的兩組規則能得到同樣的結果，不過可以很清楚地看出哪一個寫起來更容易：
/* no grouping */
h2 {color:blue;}
h3 {color:blue;}
h4 {color:blue;}
h5 {color:blue;}
h6 {color:blue;}
h7 {color:blue;}
/* grouping */
h2, h3, h4, h5, h6, h7 {color:blue;}到此，相信大家對“CSS選擇器分組的方法”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
