meizz(梅花雪)
div.mm{} /* 对应所有 class="mm" 的 div 进行样式定义 */
div#mm{} /* 针对 <div id="mm"> 进行样式定义 */
tr.mm td.c1{}
td.c1{} /* 这两个c1样式是不同的, 第一个c1只适用于指定父容器样式的容器里有效 */
这个就有点象类继承一样, 通过它我们可以设置出很多平常难以做到的样式效果, 比如两个相同 class 的 A 链接要指定不同的样式也只有这种方法可以胜任了.
liuxiaoyi666(兔子)
id更多的是单一性,可以对比的有如下一些 class,name,id
当用各种script的时候不可避免的涉及如下东东 getElementById getElementsByName
可见是用得地方是不同的,这个并不是面向CSS的,而class更多的看重的是表面的效果,提出一类来,寻找共性。其实只要达到效果随便你怎么用,等用到的时候自然就明白了!
================================
getElementById 方法
返回具有指定 ID 属性值的第一个对象的一个引用。
语法
oElement = document.getElementById(sIDValue)
参数
sIDValue 必选项。指明 ID 属性值的字符串
返回值
返回 ID 属性值与指定值相同的第一个对象。
注释
如果 ID 属于一个集合,getElementById 方法返回集合中的第一个对象。
getElementById 方法与使用 all 集合上的 item 方法等同。例如,以下代码样本表示如何从 document 对象中取回 ID 为 oDiv 的第一个要素。
使用 DHTML 对象模型:
var oVDiv = document.body.all.item("oDiv");
使用文档对象模型(DOM):
var oVDiv = document.getElementById("oDiv");
示例
以下例子表示如何使用 getElementById 方法返回 ID 属性值 oDiv 的第一次出现。
<script>
function fnGetId(){
//????Returns the first DIV element in the collection.<br />????
var oVDiv=document.getElementById("oDiv1");}
</script>
Div #1
Div #2
Div #3