如何使用 CSS 在單一 HTML 元素上設定多個類別的樣式？

在單一元素上設定多個類別的樣式

使用CSS 時，您可能會遇到需要將多個類別套用至HTML 元素以實現特定樣式效果的情況。但是，使用 HTML 分配多個類別可能會令人困惑，從而導致錯誤的結果。

在您的例子中，您的目標是刪除第一個社交圖示的頂部填充，並消除最後一個社交圖示的底部邊框。問題源自於您的 HTML 標記，您嘗試將兩個單獨的類別直接新增到同一個社交 div。

正確的 HTML標記：

正確使用多個類，您應該將它們列在同一類屬性中，如下所示：

對應CSS：

透過使用此語法，.social 和.first 類別都會套用於HTML 中的div元素，允許您同時滿足這兩種樣式要求。

範例示範：

此程式碼將成功應用零填充第一個社群圖示的頂部，並刪除最後一個社群圖示的底部邊框，滿足所需的樣式要求。

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