您當前位置：首頁 > web前端 > htmlcss > Css中id與class的區(qū)別是什么

Css中id與class的區(qū)別是什么

來源：程序員人生發(fā)布時間：2014-02-20 14:25:13 閱讀次數(shù)：3287次

　　網(wǎng)(LieHuo.Net)教程 今日在論壇看到有朋友咨詢，關(guān)于web標準中定義id與class有什么區(qū)別的問題，答：肯定是有重復(fù)的。以實例說明。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>web標準中定義id與class有什么區(qū)別嗎 - LIEHUO.NET</title><style type="text/css"></style></head></script><body><div id="aa" class="aa">LIEHUO.NET LIEHUO.NET LIEHUO.NET</div></body></html>
提示：可修改后代碼再運行!

　　問題分析：

　　一. web標準中是不容許重復(fù)ID的,比如 div id=”aa” 不容許重復(fù)2次,而class 定義的是類,理論上可以無限重復(fù), 這樣需要多次引用的定義便可以使用他.

　　二.屬性的優(yōu)先級問題 ID 的優(yōu)先級要高于class,看上面的例子

　　三.方便JS等客戶端腳本，如果在頁面中要對某個對象進行腳本操作，那么可以給他定義一個ID，否則只能利用遍歷頁面元素加上指定特定屬性來找到它，這是相對浪費時間資源，遠遠不如一個ID來得簡單.

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機掃描二維碼進行捐贈
程序員人生