這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)如何理解CSS中的類型選擇器和ID選擇器以及類選擇器,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
成都創(chuàng)新互聯(lián)公司專注于鐘樓網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供鐘樓營銷型網(wǎng)站建設(shè),鐘樓網(wǎng)站制作、鐘樓網(wǎng)頁設(shè)計(jì)、鐘樓網(wǎng)站官網(wǎng)定制、微信平臺小程序開發(fā)服務(wù),打造鐘樓網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供鐘樓網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
類型選擇器
類型選擇器,是以html元素類型作為選擇條件。
網(wǎng)頁元素:在CSS教程中,對于如“
CSS Code復(fù)制內(nèi)容到剪貼板
a{
text-decoration: none;
}
該例子表示網(wǎng)頁上所有的超鏈接取消下劃線。
ID選擇器
CSS ID選擇器允許選擇網(wǎng)頁元素的ID進(jìn)行樣式表應(yīng)用。
ID選擇器以“#”標(biāo)識,后面緊跟html元素id名稱。
html代碼如下:
XML/HTML Code復(fù)制內(nèi)容到剪貼板
在該html代碼如中,有一個(gè)id="nav"的DIV網(wǎng)頁元素。使用ID選擇器對該元素進(jìn)行樣式表應(yīng)用:
CSS Code復(fù)制內(nèi)容到剪貼板
#nav {
font-size: 14px;
width: 500px;
}
該CSS樣式表示id為nav的網(wǎng)頁元素,其寬度為500px,其內(nèi)文字大小為14px。
類(class)選擇器
CSS 類選擇器允許選擇網(wǎng)頁元素的類進(jìn)行樣式表應(yīng)用。
類選擇器以 . 符號標(biāo)識,后面緊跟類名稱。
一個(gè)類選擇器例子:
CSS Code復(fù)制內(nèi)容到剪貼板
.catlist {
color: #d51300;
}
該 CSS 樣式表示網(wǎng)頁中 class="catlist" 的網(wǎng)頁元素,其文字顏色為 #d51300 。
在 html 中應(yīng)用類選擇器
要在 html 代碼中應(yīng)用一個(gè)類(class)樣式,只需在標(biāo)簽內(nèi)使用 class 屬性,取值為類名。
html 代碼例子:
XML/HTML Code復(fù)制內(nèi)容到剪貼板
在該 html 代碼如中,
上述就是小編為大家分享的如何理解CSS中的類型選擇器和ID選擇器以及類選擇器了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。