CSS中有三種類別:元素選擇器、ID選擇器和類選擇器。
元素選擇器是匹配HTML元素的標記名稱, 如p、div、span等。
ID選擇器是匹配一個具有唯一ID屬性的HTML元素,如
等。
類選擇器是匹配一個具有相同類別屬性的HTML元素, 如
等。 在CSS中,使用類選擇器為元素設置樣式。類選擇器以“.”開頭并后跟一個類名,類名可以在HTML中重復使用,可以在同一元素中同時使用多個類名。例如:
。 類選擇器可以重用,并且不必為每個元素創(chuàng)建一個新的選擇器樣式。這意味著它可以應用于多個元素,并且在HTML文檔中更好地組織和維護樣式。 例如,在HTML中,我們可以有多個段落,它們共享相似的格式。為了減少重復的樣式定義,我們可以在CSS中為類選擇器創(chuàng)建一個樣式。在這種情況下,我們可以創(chuàng)建一個名為“intro”的類選擇器來給所有段落應用共同的格式。
.intro { font-size: 16px; font-family: Arial, sans-serif; line-height: 1.5; color: #333; }然后,我們將類選擇器與HTML中的段落標記配對,如下所示:
這是一個段落
這是另一個段落
這樣,兩個段落就都會應用我們定義的共同的樣式,而無需為每個段落單獨定義樣式。上一篇css中翻頁的模版
下一篇css中獲取元素高度