id 選擇器
id ??選擇器的引入是用"#",就和類別選擇器的"."是一樣的效果.範(fàn)例:#div{} 下面我們就來(lái)具體實(shí)驗(yàn)一把: html:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>認(rèn)識(shí)html標(biāo)簽</title> <style type="text/css"> </style> </head> <body> <h1>勇氣</h1> <p>三年級(jí)時(shí),我還是一個(gè)<span id="stress">膽小如鼠</span>的小女孩,上課從來(lái)不敢回答老師提出的問(wèn)題,生怕回答錯(cuò)了老師會(huì)批評(píng)我。就一直沒(méi)有這個(gè)勇氣來(lái)回答老師提出的問(wèn)題。學(xué)校舉辦的活動(dòng)我也沒(méi)勇氣參加。</p> <p>到了三年級(jí)下學(xué)期時(shí),我們班上了一節(jié)公開(kāi)課,老師提出了一個(gè)很簡(jiǎn)單的問(wèn)題,班里很多同學(xué)都舉手了,甚至成績(jī)比我差很多的,也舉手了,還說(shuō)著:"我來(lái),我來(lái)。"我環(huán)顧了四周,就我沒(méi)有舉手。</p> </body> </html>
css:
#stress{ color:red; }
效果圖:
#在很多方面,ID選擇器都類似於類別選擇符,但也有一些重要的差異:
1、為標(biāo)籤設(shè)定id="ID名稱",而不是class="類別名稱"。
2、ID選擇符的前面是井號(hào)(#)號(hào),而不是英文圓點(diǎn)(.)。