关于css样式表里面什么时候用.和#

于 2016-07-21 13:45:24 发布
阅读量3.2k 收藏 3
点赞数 1
CC 4.0 BY-SA版权
分类专栏： HTML&CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Tsingsn/article/details/51982090
本文详细解释了CSS中ID与Class的区别，包括它们的使用方式、应用场景及规范。介绍了ID适用于唯一元素，而Class可用于多个元素。并给出了具体的代码示例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

设置class的时候用的是.，当设置id的时候是#
Class可以反复使用，而id在一个页面中仅能被使用一次。有可能在很大部分浏览器中反复使用同一个id不会出现问题，但在标准上这绝对是错误的使用，而且很可能导致某些浏览器的现实问题。
在实际应用的时候，Class可能对文字的排版等比较有用，而ID则对宏观布局和设计放置各种元素较有用。

直接上代码：

当设置

.exam{color:yellow;}，用的调用是：<p class="exam">

#exam{color:yellow;}，这时候用的是：<p id="exam">

综上：只有一个独立样式的元素适合用id，而有多个元素拥有同样的样式的话适合使用class。