CSS(Cascading Style Sheets)中類選擇符(class selector)是定義樣式的重要組成部分之一。它允許您為 HTML 中不同元素的一個或多個類添加樣式。
實際上,CSS 類選擇符是用于選擇一個或多個元素的類名稱的字符。以點號 (.) 作為前綴,后面緊跟著要選擇元素的類名稱。例如,下面的例子選擇了所有類名為 "heading" 的 h1 標簽:
.heading { font-family: Arial sans-serif; font-size: 24px; color: #333; }
在以上代碼中,class 選擇符 ".heading" 寫在樣式規(guī)則的開頭,緊接著是一對花括號,用于限定樣式規(guī)則的范圍。在花括號中,我們可以定義任何我們希望應(yīng)用于選定元素的 CSS 樣式。
如果您想選擇具有兩個或更多類的元素,則需要將它們的類名稱寫在 class 選擇符中,用一個點號分隔開。例如,選擇所有同時具有 "heading" 和 "important" 兩個類的 h1 元素,代碼為:
.heading.important { font-weight: bold; color: red; }
在類選擇符中,類名的順序沒有任何影響,只要它們以同樣的順序出現(xiàn)在元素的 Class 屬性中即可。
類選擇符在 CSS 中的作用非常重要,它們允許進行基于類的樣式管理和重用,以減少 CSS 代碼量并提高開發(fā)效率。