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

Css中id與class的區別是什么

來源：程序員人生發布時間：2014-02-20 14:25:13 閱讀次數：3277次

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

<!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有什么區別嗎 - 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標準中是不容許重復ID的,比如 div id=”aa” 不容許重復2次,而class 定義的是類,理論上可以無限重復, 這樣需要多次引用的定義便可以使用他.

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

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

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生