在CSS中,類名選擇器是一種用于定義HTML元素樣式的選擇器。通過給HTML元素添加一個class屬性,可以為該元素創建一個類,并在CSS中使用類名選擇器來定義該類的樣式。
例如,HTML中的代碼: <div class="box">This is a box.</div> 在CSS中可以定義類名選擇器: .box { background-color: #fff; border: 1px solid #000; padding: 10px; } 這樣,所有的class屬性為"box"的div元素都將被應用這個樣式。 需要注意的是,類名選擇器以一個點號(.)開頭,后面緊跟著類名。類名可以是任何字符串,只要它沒有空格或其他無效字符。 同時,多個類名可以應用于一個元素,只需要用空格將它們分隔開來,例如: <div class="box red">This is a red box.</div> 此時,我們可以定義這兩個類名對應的樣式: .box { background-color: #fff; border: 1px solid #000; padding: 10px; } .red { color: red; } 這樣,這個元素將被應用.box和.red兩個類的樣式。 總之,CSS類名選擇器是一種十分常用的選擇器,可為我們帶來更方便的HTML樣式管理。