在CSS中,我們可以使用id選擇器來新建ID樣式,我們需要給HTML元素添加一個(gè)***的ID,然后通過CSS為該ID定義樣式。
1、在HTML元素中添加ID,給段落(p)添加一個(gè)ID:
<p id="myId">這是一段文本。</p>
2、在CSS中定義該ID的樣式,我們可以給#myId
定義一個(gè)樣式:
#myId { color: red; font-size: 20px; }
這段CSS代碼表示,所有ID為myId
的元素都將使用紅色字體,并且字體大小為20像素。
3、保存并預(yù)覽你的HTML和CSS代碼,你應(yīng)該能看到ID為myId
的元素已經(jīng)應(yīng)用了你在CSS中定義的樣式。
ID選擇器的使用應(yīng)該謹(jǐn)慎,因?yàn)槊總€(gè)ID在HTML文檔中必須是***的,如果你在一個(gè)文檔中重復(fù)使用同一個(gè)ID,那么只有***個(gè)出現(xiàn)的元素會(huì)應(yīng)用該ID的樣式,如果你需要給多個(gè)元素應(yīng)用相同的樣式,***好使用類(class)選擇器。