CSS中可以通過一些特殊的選擇器來同時對多個元素進行樣式設置。下面就讓我們來一一了解吧!
/* 同時設置多個元素的樣式 */ p, h1, h2 { color: red; font-size: 18px; }
如上代碼,通過逗號分隔,可以同時選擇p、h1和h2標簽并對它們的字體顏色和字體大小進行樣式設置。
/* 同時設置類名相同的多個元素的樣式 */ p.shared, div.shared { font-style: italic; }
如上代碼,可以通過同名的類名來同時選擇p和div標簽并對它們的字體樣式進行樣式設置。
/* 同時設置父元素下的多個子元素的樣式 */ div >p { text-decoration: underline; }
如上代碼,可以通過父元素與子元素之間的“大于號”來同時選擇該父元素下的所有p標簽并對它們的文本樣式進行設置。
通過以上介紹,相信大家已經掌握了CSS中同時對多個元素進行樣式設置的方法,趕快嘗試一下吧!