小记id和class的区别

刚接触div的时候，就看着有些地方写的是<div id="">，有些却是<div class="">（没反应过来？浏览器上右击“查看源代码”看看），只知道id对应的css用的是#号，class对应的css是前面加个.点。而引号里面的东西完全是自定义的，一般用英文或英文加数字，如id="top1"，但不能数字打头，不能id="1top"。这里的英文怎么定义，css里就对应怎么写，如#top1{}。至于h1，h2之流在css里就是直接对应着h1，h2。

在08年7月底整理一个模板的时候，我悟出了一点div和claaa之间的区别和联系。简单说，id比class大。若id里面包含了class，定义了id后，class的就要失去作用；而id因为往往用在较大模块，如两栏结构的左右模块，class往往用在小模块和同类型重复模块，如li列表里等。如果说，我不想这么麻烦，整个模板全部用id可以不，回答，当然可以，浏览器也没意见，只是自己容易糊涂；另一个，也不符合标准：一个页面的id是唯一的，也就是同一个名字的id只能有一个。否则，那么多id你要1、2、3、4的排多少个？id的位置一般还是比较固定的，而class却可以依着id来变动，比如：
<div id="a1"><div class="b"></div></div>
<div id="a2"><div class="b"></div></div>

不同的id和同样的class，我可以分开写样式#a1 .b{}和#a2 .b{}，这样是可以写出完全不同的b层；而若b确实一样的话，一个.b{}就搞定。都定义id的话可做不到这点，因为它最大，没上一层了。不知道你明白了么？