建站
咨詢
售后
建站咨詢
新聞中心
這篇文章給大家分享的是有關(guān)CSS中id和class選擇器如何使用的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)專注于企業(yè)全網(wǎng)營銷推廣、網(wǎng)站重做改版、南州晴隆網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5頁面制作、商城網(wǎng)站建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為南州晴隆等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
id和class之間的區(qū)別
id具有唯一性，class可以有很多個(gè)
頁面中只能寫入一個(gè)ID，但是對于class可以寫入多個(gè)。
但是，這并不意味如果頁面只顯示一個(gè)就必須使用id。id的使用存在約束。
如果id和class有樣式?jīng)_突，則id優(yōu)先
讓我們舉一個(gè)例子來看一下。
HTML
ID和class優(yōu)先級比較——文字顏色
CSS
#red{
color:red;
}
.blue{
color:blue;
}效果如下：
上圖顯示的字體是紅色的，那是因?yàn)閕d的優(yōu)先級比class的優(yōu)先級高，所以最終顯示的顏色是紅色。
可以在頁面內(nèi)跳轉(zhuǎn)到id
通過鏈接到id，您可以跳轉(zhuǎn)到相應(yīng)的id位置。
跳轉(zhuǎn)到id
經(jīng)常利用這個(gè)在頁面開頭設(shè)置跳躍功能。
可以在哪里使用id
首先，作為大前提，class的使用沒有限制，但是id有約束。
坦白地說，經(jīng)常也可以這樣做，即使你在沒有使用id的情況下用class描述的話也沒有問題，因此，與其考慮如何區(qū)分使用，不如考慮在哪里使用id。
使用id的地方是“唯一的”或者是“最好做的”。
當(dāng)你想要添加頁內(nèi)跳轉(zhuǎn)功能時(shí)
使用頁內(nèi)跳轉(zhuǎn)功能時(shí)，請使用id，因?yàn)樗鼰o法用class實(shí)現(xiàn)。
用于可以設(shè)置“唯一”的地方
頁面中基本上只有一個(gè)頁面部分，例如標(biāo)題，內(nèi)容，側(cè)邊欄，頁腳。這樣的東西利用id比較容易實(shí)現(xiàn)。
總結(jié)class中的常用部分，用id覆蓋樣式
這是一種利用CSS的規(guī)格，其中id優(yōu)先于class。
網(wǎng)頁根據(jù)頁有一定的布局，但是有很多相似的部分。您可以通過將標(biāo)準(zhǔn)樣式編寫為class并使用id編寫每個(gè)頁面的特征部分來壓縮CSS。
id的選擇器匹配過程更快
當(dāng)使用jQuery等執(zhí)行選擇器匹配處理時(shí)，指定id時(shí)速度更快。這是因?yàn)?，如果它是由id指定的，那么在頁面中找到它就可以完成處理，而如果是class的話則需要掃描到結(jié)尾。
感謝各位的閱讀！關(guān)于CSS中id和class選擇器如何使用就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
分享題目：CSS中id和class選擇器如何使用
當(dāng)前鏈接：http://fisionsoft.com.cn/article/gdiice.html
