在CSS中,我們不僅可以對單個元素進行樣式定義,還可以同時定義多個元素的樣式。下面是關于如何定義多個元素樣式的教程。
1. 選擇器組合 通過使用逗號將多個選擇器組合起來,可以同時定義它們的樣式。 例如: p, h1, h2 { color: red; font-size: 16px; font-weight: bold; } 這樣就可以同時定義p、h1、h2三個元素的字體顏色、大小和粗細了。 2. 通配符選擇器 在CSS中,*通配符選擇器表示選擇所有元素。我們可以利用它來同時定義所有元素的樣式。 例如: * { margin: 0; padding: 0; } 這樣就可以同時定義所有元素的外邊距和內邊距為0。 3. 類選擇器 通過為多個元素添加相同的類,可以定義它們相同的樣式。 例如: .red-text { color: red; } 然后在HTML中將需要應用red-text類的元素添加class屬性即可,例如: <p class="red-text">這是一段紅色字體的文字。</p> <div class="red-text">這是一個紅色背景的div。</div> 4. ID選擇器 通過為多個元素添加相同的ID,可以定義它們相同的樣式。 例如: #header { background-color: #333; color: #fff; } 然后在HTML中將需要應用header ID的元素添加id屬性即可,例如: <div id="header">這是一個有黑色背景和白色文字的頭部。</div> 以上是CSS定義多個元素的樣式的教程,希望對您有所幫助。
上一篇css學的是啥