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

將多個 CSS 類別應用於單一元素

可以將多個 CSS 類別指派給一個 HTML 元素。這允許您同時將各種樣式和行為應用到同一個元素。

方法 1：使用多個類別名稱

要將多個類別套用到單一元素，只需將它們列在類別屬性中，並用空格分隔。例如：

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

在此範例中，錨標記同時接收 c1 和 c2 類別。

方法2：使用CSS 選擇器

要定位包含所有指定類別的元素，請使用不含任何空格的CSS 選擇器：

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

此選擇器將僅符合同時應用了c1 和c2 類別的元素。

疑難排解

如果同時套用兩個類別不起作用，請確保元素上套用的樣式沒有衝突。檢查您的 CSS 檔案或瀏覽器檢查器以確認這些類別已正確應用。

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