首頁 > web前端 > css教學 > 如何同時將相同的 CSS 屬性套用到多個類別?

如何同時將相同的 CSS 屬性套用到多個類別?

Susan Sarandon
發布: 2024-11-02 16:39:02
原創
1091 人瀏覽過

How can I apply the same CSS property to multiple classes simultaneously?

同時將樣式套用於多個類別

在 CSS 中,通常需要將相同的屬性套用到多個類別。這可以透過用逗號分隔類別名稱來實現,從而有效地創建屬性應用的類別列表。

例如,考慮以下CSS 片段,它將相同的margin-left 屬性應用於兩個類別, ".abc" 和".xyz":

<code class="css">.abc, .xyz {
  margin-left: 20px;
}</code>
登入後複製

此程式碼將導致.abc 和.xyz 類別具有相同的margin-left 值20像素。

當您想要將相同的屬性套用到具有相似用途的多個類別時,此方法特別有用。透過將樣式合併到單一規則中,您可以避免程式碼重複並使 CSS 更有效率。

在提供的範例中:

<a class="abc">Lorem</a>
<a class="xyz">Ipsum</a>
登入後複製

兩者都;由於組合規則.​​abc, .xyz { margin-left: 20px; ,元素的左邊距為20像素; }.

以上是如何同時將相同的 CSS 屬性套用到多個類別?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板