id與class區(qū)別-該用id還是用class呢？！_Div+CSS教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

　
　　id與class區(qū)別，我在前面的文章中已經(jīng)講過了。但還是有新手對(duì)此非常迷茫，不知道什么時(shí)候該用id，什么時(shí)候該用class。這兩個(gè)選擇器讓新手左右為難。
　　一、在web標(biāo)準(zhǔn)中是不容許重復(fù)ID的，例如 div id="a" 不容許重復(fù)2次；而class所定義的是類，理論上可以無限重復(fù)。以根據(jù)需要多次引用。
　　二、屬性的優(yōu)先級(jí)問題：ID 的優(yōu)先級(jí)要高于class，我們?cè)谙旅娴拇a中有示例說明。
　　三、方便JS等客戶端腳本的引用，假如在頁面中要對(duì)某個(gè)對(duì)象進(jìn)行腳本操作，那么可以給他定義一個(gè)ID，否則只能利用遍歷頁面元素加上指定特定屬性來找到它，這是相對(duì)浪費(fèi)時(shí)間資源，遠(yuǎn)遠(yuǎn)不如一個(gè)ID來得簡單與快捷。

id與class優(yōu)先級(jí)的試驗(yàn)

代碼調(diào)試框 [m.hl5o.cn]

[ 可先修改部分代碼再運(yùn)行查看效果 ]

　　解析：根據(jù)一般的CSS優(yōu)先級(jí)的原則。接近的應(yīng)該是優(yōu)先的。class="YourHomePage"更接近于定義樣式的元素。但此例中，對(duì)元素應(yīng)用的樣式是id所定義的樣式。說明id的優(yōu)先級(jí)要高于class！