CSS(Cascading Style Sheets)是一種用于為HTML文檔添加樣式和布局的樣式表語言。其中,基礎選擇器是最常用的選擇器之一,它允許我們通過HTML元素類型、類名、ID來選擇元素并添加樣式。
/* 使用元素類型選擇器 */ p { color: red; } /* 使用類名選擇器 */ .demo { font-size: 20px; } /* 使用ID選擇器 */ #title { font-weight: bold; }
其中元素類型選擇器使用元素標簽名作為選擇器,可以選擇HTML中所有具有相同標簽名的元素并添加樣式。例如,上述代碼中的p選擇器會將所有的
標簽文本顏色設置為紅色。
類名選擇器通過在元素中添加class屬性再以“.”開頭來選擇元素,并給元素分類。多個元素可以使用同一個類名,方便批量添加樣式。例如,上述代碼中的.demo選擇器會將所有class屬性為“demo”的元素文本字體大小設置為20px。
ID選擇器通過在元素中添加id屬性再以“#”開頭來選擇元素。不同于類名,一個元素只能擁有一個ID,因此ID選擇器在文檔中只能用于唯一標識一個元素。例如,上述代碼中的#title選擇器會將id屬性為“title”的元素文本加粗。