小編給大家分享一下css中類選擇器的作用,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
創(chuàng)新互聯(lián)公司于2013年創(chuàng)立,公司以網(wǎng)站設(shè)計制作、做網(wǎng)站、系統(tǒng)開發(fā)、網(wǎng)絡(luò)推廣、文化傳媒、企業(yè)宣傳、平面廣告設(shè)計等為主要業(yè)務(wù),適用行業(yè)近百種。服務(wù)企業(yè)客戶超過千家,涉及國內(nèi)多個省份客戶。擁有多年網(wǎng)站建設(shè)開發(fā)經(jīng)驗。為企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、創(chuàng)意設(shè)計、宣傳推廣等服務(wù)。 通過專業(yè)的設(shè)計、獨特的風(fēng)格,為不同客戶提供各種風(fēng)格的特色服務(wù)。
css中的類選擇器的作用是:允許以一種獨立于文檔元素的方式來指定樣式。類選擇器可以單獨使用,也可以與其他元素結(jié)合使用。在使用類選擇器之前,需要修改具體的文檔標(biāo)記,以便類選擇器正常工作。
css類選擇器的作用:允許以一種獨立于文檔元素的方式來指定樣式。
該選擇器可以單獨使用,也可以與其他元素結(jié)合使用。
注意:只有適當(dāng)?shù)貥?biāo)記文檔后,才能使用這些選擇器,所以使用這兩種選擇器通常需要先做一些構(gòu)想和計劃。
要應(yīng)用樣式而不考慮具體設(shè)計的元素,最常用的方法就是使用類選擇器。
舉例:
修改 HTML 代碼
在使用類選擇器之前,需要修改具體的文檔標(biāo)記,以便類選擇器正常工作。
為了將類選擇器的樣式與元素關(guān)聯(lián),必須將 class 指定為一個適當(dāng)?shù)闹?。請看下面?HTML 代碼:
This heading is very important.
This paragraph is very important.
在上面的代碼中,兩個元素的 class 都指定為 important:第一個標(biāo)題( h2 元素),第二個段落(p 元素)。
語法:
然后我們使用以下語法向這些歸類的元素應(yīng)用樣式,即類名前有一個點號(.),然后結(jié)合通配選擇器:
*.important {color:red;}
如果您只想選擇所有類名相同的元素,可以在類選擇器中忽略通配選擇器,這沒有任何不好的影響:
.important {color:red;}
看完了這篇文章,相信你對css中類選擇器的作用有了一定的了解,想了解更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!