CSS中.和#的区别 html id和class的区别

本文探讨了CSS中ID选择器(#sID)与类选择器(E1.className)的区别及应用。强调了ID选择器的独特性和唯一性，在编程中如何避免重复使用ID，以及在需要多次应用时使用类选择器的优势。

#为ID选择符,用法为 #sID. 它以文档目录树（DOM）中作为对象的唯一标识符的ID作为选择
.为类选择符,用法为 E1.className .在HTML中可以使用此种选择符。其效果等同于E1[class~=className]

在 CSS 方面是差不多的, 但在 JS 方面就差多了啊~ 根据 JS 的模型, 它会根据元素的 id 进行操作, id 就是标识符的意思, 这也就意味着您不应当创建两个带有相同 id 的元素, 否则进行编程时就会受到影响. 比如您想为文本框.密码框.文件域和文本域应用相同的背景, 用 id 应该也可以实现[我可没这么用过], 但在编程时使用 getElementById() 就无法获取正确的元素了.

也就是说, 如果您要创建的样式需要被多个元素使用[不管这些元素是同种还是异类], 您都应该选用 class, 反之, 您可以使用 id. 对于 div 等来说, 一般的作法都是 id. 这并不是说 id 不能用于多种元素, 比如同时用于 divSup 与 divSub, 在这种情况下写成 #divSup,#divSub 这种形式即可. 这是选择符分组的一种, 意为: 将同样的定义应用于多个选择符，可以将选择符以逗号分隔的方式并为组 .

对特定的元素选择特定的 id, 这是 w3c 的推荐. 如果还有不明之处, 欢迎及时询问

在电子商务平台中：

css文件：

#Layer14 { position:absolute;
width:200px;
height:115px;
z-index:6;
left: 95px;
top: 300px;
}
.STYLE21 {font-size: 12px; color: #000000; font-family: Arial, Helvetica, sans-serif;}

html中：

<div id="Layer5">
<hr />
<p align="center" class="STYLE4">Copyright©2012˜2013:Center for International Cooperation on E-business(CICEB) of China University of Geosciences,Wuhan,China</p>
<p align="center" class="STYLE4">whiceb@yahoo.com.cn</p>
</div>