類選擇器在css樣式編碼中是最常用到的,如右側(cè)代碼編輯器中的代碼:可以實(shí)現(xiàn)為“膽小如鼠”、“勇氣”字體設(shè)置為紅色。
語(yǔ)法:
.類選器名稱{css樣式代碼;}
注意:
1、英文圓點(diǎn)開頭
2、其中類選器名稱可以任意起名(但不要起中文噢)
使用方法:
第一步:使用合適的標(biāo)簽把要修飾的內(nèi)容標(biāo)記起來(lái),如下:
<span>膽小如鼠</span>
第二步:使用class="類選擇器名稱"為標(biāo)簽設(shè)置一個(gè)類,如下:
<span class="stress">膽小如鼠</span>
第三步:設(shè)置類選器css樣式,如下:
.stress{color:red;}/*類前面要加入一個(gè)英文圓點(diǎn)*/
我來(lái)試試,為第二段文字中的“公開課”三個(gè)文字設(shè)置為綠色
1.在右邊編輯器的第17行,輸入:
<span class="setGreen">公開課</span>
2.在右邊編輯器的第11-13行,輸入:
.setGreen{ color:green; }
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)