使用CSS 時，您可能會遇到需要將多個類別套用至HTML 元素以實現特定樣式效果的情況。但是，使用 HTML 分配多個類別可能會令人困惑，從而導致錯誤的結果。
在您的例子中，您的目標是刪除第一個社交圖示的頂部填充，並消除最後一個社交圖示的底部邊框。問題源自於您的 HTML 標記，您嘗試將兩個單獨的類別直接新增到同一個社交 div。
正確的 HTML標記：
正確使用多個類，您應該將它們列在同一類屬性中，如下所示：
對應CSS：
透過使用此語法，.social 和.first 類別都會套用於HTML 中的div元素，允許您同時滿足這兩種樣式要求。
範例示範：
此程式碼將成功應用零填充第一個社群圖示的頂部，並刪除最後一個社群圖示的底部邊框，滿足所需的樣式要求。
以上是如何使用 CSS 在單一 HTML 元素上設定多個類別的樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
