在CSS樣式表中,給定的元素可以使用類來進行選擇,這些類可以通過類選擇器來訪問。如果一個元素包含多個類,那么這些類可以由空格分隔開來。在類選擇器中,以句點(.)開頭,后跟類名。
/*定義一個類選擇器*/ .my-class { color: red; } /*在HTML元素中使用類*/ <div class="my-class">Hello World!</div>
如果一個元素有多個類,那么它們的順序并不重要。然而,當選擇元素中的類時,可以使用多個類選擇器。在這種情況下,每個類選擇器之間用逗號分隔。將多個類放在一個選擇器中使用時,元素必須同時包含這些類才能被選擇。
/*在CSS樣式表中使用多個類選擇器*/ .my-class1.my-class2 { font-size: 20px; } /*在HTML元素中使用多個類*/ <div class="my-class1 my-class2">Hello World!</div>
如果不使用任何其他選擇器的話,類選擇器會選擇頁面中出現該類的所有元素。這意味著,當多個元素具有相同類時,它們都將受到該類的影響。在這種情況下,可以通過添加其他選擇器來進一步過濾選擇范圍。
最后要注意的一點是,類名區分大小寫。這意味著一個類選擇器嘗試選擇一個具有“ my - class ”類的元素將不會選擇一個具有“ My - Class ”類的元素。
上一篇css鼠標滾動控制翻頁
下一篇css鼠標點擊 圖片輪播