CSS是一種用于網頁設計的語言,它的并集選擇器可以讓我們在樣式表中同時選取多個元素進行樣式設置。
/* 語法 */ selector1, selector2 { property: value; } /* 示例1:同時設置所有標題的樣式 */ h1, h2, h3, h4, h5, h6 { color: red; font-weight: bold; }
在上面的示例中,我們通過并集選擇器來同時設置所有標題的顏色為紅色,字重為加粗。這樣可以節省時間,也使代碼更加簡潔。
/* 示例2:同時設置所有段落和鏈接的樣式 */ p, a { font-size: 16px; line-height: 1.5; } /* 示例3:同時設置導航欄菜單項和按鈕的樣式 */ .nav-item, .button { background-color: #555; color: #fff; padding: 10px 20px; border-radius: 5px; }
在示例2和示例3中,我們也使用了并集選擇器來同時設置多個元素的樣式。這樣可以使CSS文件更加簡潔,易于管理和維護。
總之,CSS并集選擇器可以讓我們在樣式表中同時選取多個元素進行樣式設置,使代碼更加簡潔、易于管理和維護。