<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" XML:lang="zh" lang="zh"> <head profile="http://www.w3.org/2000/08/w3c-synd/#"> <FCK:meta http-equiv="content-language" content="zh-cn" /> <FCK:meta http-equiv="content-type" content="text/html;charset=gb2312" /> <title>blueidea</title> <style type="text/CSS"> /*<![CDATA[*/ #aa { color:red } .aa { color:blue } /*]]>*/ </style> </head> <body> <div id="aa" class="aa"> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </div> </body> </Html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" XML:lang="zh" lang="zh"> <head profile="http://www.w3.org/2000/08/w3c-synd/#"> <FCK:meta http-equiv="content-language" content="zh-cn" /> <FCK:meta http-equiv="content-type" content="text/html;charset=gb2312" /> <title>blueidea</title> <style type="text/CSS"> /*<![CDATA[*/ .a { color:orange } .b { background:#eee } .c { border:1px solid red } /*]]>*/ </style> </head> <body> <div class="a b c">aaaaaaaa</div> </body> </Html>
一. web標准中是不容許重復ID的,比如 div id="aa" 一個頁面中不容許重復2次,而class 定義的是類,理論上可以無限重復的, 這樣需要多次引用的定義便可以使用他.class還可以同時引用多個類,不同的類之間用空格隔開. 二. 屬性的優先級問題,ID 的優先級要高於class,看上面的例子三. 方便JS等客戶端腳本，如果在頁面中要對某個對象進行腳本操作，那麼可以給他定義一個ID，否則只能利用遍歷頁面元素加上指定特定屬性來找到它，這是相對浪費時間資源，遠遠不如一個ID來得簡單.