CSS ID選擇器

2018-09-24 16:01 更新

ID選擇器和類別選擇器類似,都是針對特定屬性的屬性值進(jìn)行匹配。ID選擇器定義的是某一個(gè)特定的HTML元素,一個(gè)網(wǎng)頁文件中只能有一個(gè)元素使用某一ID屬性值。在JS框架沒有出現(xiàn)之前,ID選擇器結(jié)合JavaScript使用是唯一的選擇。


在頁面的標(biāo)記中只要利用ID屬性,就能調(diào)用CSS中的ID選擇器。下面的例子實(shí)現(xiàn)在頁面中應(yīng)用ID選擇器。


(1)創(chuàng)建兩個(gè)選擇器,分別是red和big。其中red定義了字體顏色,big定義了字體大小。下面三個(gè)段落分別調(diào)用了這兩個(gè)選擇器:


CSS ID選擇器


(2)按【F12】鍵運(yùn)行,結(jié)果如下圖所示:

ID選擇器實(shí)例

注意:從上圖運(yùn)行結(jié)果我們看到ID選擇器不支持多個(gè)復(fù)用。ID選擇器在一個(gè)頁面中只使用一次,是因?yàn)榫哂蠭D屬性的標(biāo)簽一般都還有其他作用,比如需要在JavaScript中應(yīng)用ID查找元素,所以要保證具有ID屬性的標(biāo)簽唯一。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號