CSS中,可以使用點(diǎn)號(hào)(.)表示類選擇器,使用類選擇器可以為HTML元素添加樣式。下面介紹CSS怎樣添加點(diǎn)號(hào)。
.classname { /* 樣式規(guī)則 */ }
在CSS樣式表中,通過在類名前加上點(diǎn)號(hào)來表示該選擇器為類選擇器,例如“.classname”表示選擇class為“classname”的HTML元素。
在HTML中,可以通過在元素的class屬性中指定類名來給元素添加一個(gè)類,這樣就可以在CSS中使用類選擇器來為該元素添加樣式了。例如:
<div class="classname"> 這是一個(gè)div元素 </div>
以上HTML代碼中,通過class屬性指定了該div元素的類名為“classname”,在CSS中可以使用“.classname”選擇器來為該元素添加樣式。
在CSS中,一個(gè)類選擇器可以同時(shí)應(yīng)用于多個(gè)元素,這樣就可以為相同樣式的元素指定同一個(gè)類名。另外,一個(gè)元素也可以同時(shí)擁有多個(gè)類名。
<div class="classname1 classname2"> 這是一個(gè)div元素 </div>
以上HTML代碼中,該div元素同時(shí)擁有classname1和classname2兩個(gè)類名,這兩個(gè)類名在CSS中分別可以使用“.classname1”和“.classname2”選擇器來為該元素添加樣式。