如何將多個 CSS 類別套用到單一 HTML 元素？

將多個CSS 類別套用到單一元素

在HTML 中，class 屬性可用於指定用於設定元素樣式的CSS 類別。然而，如果您在同一個類屬性中指派多個類，通常會遇到這樣的問題：僅套用一個類別。

問題：

將多個類別應用於一個使用單獨的類別屬性的單一元素，如下所示，並不總是按預期工作：

<code class="html"><a class="c1" class="c2">aa</a></code>

答案：

有兩種方法可以應用多個CSS有效地將類別轉換為單一元素：

方法一：類別屬性中的多個類別

在類別屬性中以空格分隔類別名稱：

<code class="html"><a class="c1 c2">aa</a></code>

此方法同時將兩個類別指派給元素。

方法2：多個類別的CSS 選擇器

要定位包含所有指定類別的元素，請使用下列CSS選擇器類別名稱之間沒有任何空格：

<code class="css">.c1.c2 {
    /* CSS properties */
}</code>

此選擇器檢查同時應用了「c1」和「c2」類別的元素。

以上是如何將多個 CSS 類別套用到單一 HTML 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！