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