小編給大家分享一下css中類選擇器的作用,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
css中的類選擇器的作用是:允許以一種獨(dú)立于文檔元素的方式來指定樣式。類選擇器可以單獨(dú)使用,也可以與其他元素結(jié)合使用。在使用類選擇器之前,需要修改具體的文檔標(biāo)記,以便類選擇器正常工作。
css類選擇器的作用:允許以一種獨(dú)立于文檔元素的方式來指定樣式。
該選擇器可以單獨(dú)使用,也可以與其他元素結(jié)合使用。
注意:只有適當(dāng)?shù)貥?biāo)記文檔后,才能使用這些選擇器,所以使用這兩種選擇器通常需要先做一些構(gòu)想和計(jì)劃。
要應(yīng)用樣式而不考慮具體設(shè)計(jì)的元素,最常用的方法就是使用類選擇器。
舉例:
修改 HTML 代碼
在使用類選擇器之前,需要修改具體的文檔標(biāo)記,以便類選擇器正常工作。
為了將類選擇器的樣式與元素關(guān)聯(lián),必須將 class 指定為一個適當(dāng)?shù)闹?。請看下面?HTML 代碼:
<h2 class="important"> This heading is very important. </h2> <p class="important"> This paragraph is very important. </p>
在上面的代碼中,兩個元素的 class 都指定為 important:第一個標(biāo)題( h2 元素),第二個段落(p 元素)。
語法:
然后我們使用以下語法向這些歸類的元素應(yīng)用樣式,即類名前有一個點(diǎn)號(.),然后結(jié)合通配選擇器:
*.important {color:red;}
如果您只想選擇所有類名相同的元素,可以在類選擇器中忽略通配選擇器,這沒有任何不好的影響:
.important {color:red;}
看完了這篇文章,相信你對css中類選擇器的作用有了一定的了解,想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
網(wǎng)頁題目:css中類選擇器的作用-創(chuàng)新互聯(lián)
網(wǎng)站URL:http://www.jinyejixie.com/article4/ddedoe.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)、微信公眾號、域名注冊、建站公司、網(wǎng)站排名、標(biāo)簽優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容