課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
求一直
求問:一直搞不清楚id 和類選擇器什么時候使用,什么時候不能用,感覺類選擇器能做的id選擇器也能做,好奇怪啊,不是說一個頁面只能用一次么
問
2016-07-30
源自:初識HTML(5)+CSS(3)-升級版 8-5
正在回答
id名不能重復出現(xiàn),類名可以。在寫js的時候區(qū)分蠻大的
在html里面用同名的也可以運行,可是后面jsp,php等獲取參數(shù)傳參時就會出現(xiàn)錯誤
ID 是為某個 Element 指定 DOM 操作時的"唯一"標示符它與頁面如何渲染沒有關系渲染是否正確取決與文檔結構與樣式(這里是瀏覽器默認樣式表+你寫的一條樣式規(guī)則)所以可以正常顯示但是不唯一的標示符會給DOM操作時帶來麻煩如果使用byID方可能只會獲取到第一個ID指向的元素因為它是唯一的DOM只找到合適結果就返回了如果是ID綁定到JS全局環(huán)境的瀏覽器直接訪問ID標示符可能返回所有同名ID的Element數(shù)組由于規(guī)范沒有明確說重名后會怎么樣這導致瀏覽器在處理這種情況時具體實現(xiàn)可能存在差異
id不能出現(xiàn)同名的,類可以
別人的
黑色風衣_BlackSweater
css里,id選擇器可以無限次數(shù)使用,并且可以寫一樣的。你在網(wǎng)上聽別人說不能多次使用,應該是出現(xiàn)2個以上同名的id選擇器吧。例如都是id="div1"12<div id="div1"></div><div id="div1"></div>其實這樣寫,在css里是可以的。但如果頁面涉及到js,就不好了。因為js里獲取DOM是通過getElementById,而如果頁面出現(xiàn)同一個id幾次,這樣就獲取不到了。所以id要有唯一性。最后,成熟網(wǎng)站里,你很少看到css里用id選擇器的,都是用class,id選擇器留給寫js的人用,這樣避免沖突?!淹ㄟ^文檔測試,引自“百度”
我理解不深刻,但我猜應該是id選擇器主要是是用來定義盒子的,類選擇器可以用來定義其他設置類型,兩個混用可以達到一定效果
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
2 回答ID選擇器為什么不能使用ID詞列表,也就是在同一個ID選擇器里面設置多個樣式
4 回答請問這個ID選擇器只能用一次的意思是“每個ID選擇器只能用一次”呢 還是“只用有一個ID選擇器”呢?
2 回答id選擇器只能使用一次,但是為什么前面一章節(jié)說ID選擇器的時候用了兩次也可以啊。
8 回答為什么在一個HTML文檔中能使用兩次ID 選擇器?
7 回答ID選擇器在一個HTML中只能使用一次嗎?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學習伙伴
掃描二維碼關注慕課網(wǎng)微信公眾號
2016-07-30
id名不能重復出現(xiàn),類名可以。在寫js的時候區(qū)分蠻大的
2016-07-30
在html里面用同名的也可以運行,可是后面jsp,php等獲取參數(shù)傳參時就會出現(xiàn)錯誤
2016-07-30
ID 是為某個 Element 指定 DOM 操作時的"唯一"標示符
它與頁面如何渲染沒有關系
渲染是否正確取決與文檔結構與樣式
(這里是瀏覽器默認樣式表+你寫的一條樣式規(guī)則)
所以可以正常顯示
但是不唯一的標示符
會給DOM操作時帶來麻煩
如果使用byID方可能只會獲取到第一個ID指向的元素
因為它是唯一的
DOM只找到合適結果就返回了
如果是ID綁定到JS全局環(huán)境的瀏覽器
直接訪問ID標示符可能返回所有同名ID的Element數(shù)組
由于規(guī)范沒有明確說重名后會怎么樣
這導致瀏覽器在處理這種情況時
具體實現(xiàn)可能存在差異
2016-07-30
id不能出現(xiàn)同名的,類可以
2016-07-30
別人的
黑色風衣_BlackSweater
css里,id選擇器可以無限次數(shù)使用,并且可以寫一樣的。
你在網(wǎng)上聽別人說不能多次使用,應該是出現(xiàn)2個以上同名的id選擇器吧。
例如都是id="div1"
1
2
<div id="div1"></div>
<div id="div1"></div>
其實這樣寫,在css里是可以的。但如果頁面涉及到js,就不好了。因為js里獲取DOM是通過getElementById,而如果頁面出現(xiàn)同一個id幾次,這樣就獲取不到了。所以id要有唯一性。
最后,成熟網(wǎng)站里,你很少看到css里用id選擇器的,都是用class,id選擇器留給寫js的人用,這樣避免沖突?!淹ㄟ^文檔測試,引自“百度”
2016-07-30
我理解不深刻,但我猜應該是id選擇器主要是是用來定義盒子的,類選擇器可以用來定義其他設置類型,兩個混用可以達到一定效果