CSS样式中class和id的区别和含义

在样式表定义一个样式的时候，可以定义id也可以定义class。

1、在CSS文件里书写时，ID加前缀“#”；CLASS用“.”叫做类。

2、id一个页面只可以使用一次, class可以多次引用。

3、ID是一个标签，用于区分不同的结构和内容，就象名字，如果一个屋子有2个人同名，就会出现混淆；
CLASS是一个样式，可以套在任何结构和内容上，就象一件衣服。
4、从概念上说就是不一样的：
id是先找到结构/内容，再给它定义样式；
class是先定义好一种样式，再套给多个结构/内容。
优畅提醒大家，目前的浏览器还都允许用多个相同ID，一般情况下也能正常显示，不过当你需要用JavaScript通过id来控制div时就会出现错误。

如果本文对你有帮助，你可以扫描右边的二维码打赏，谢谢支持

联系优畅：uctheme#qq.com (#改为@)
微信订阅号：优畅主题（uctheme）
官网淘宝店：http://uctheme.taobao.com
版权声明：版权归 优畅主题 所有，转载请注明出处！
转载请保留链接： https://www.uctheme.com/front/922.html

1. 

   沙发！

   前端博客 2014-09-11 上午 10:01 [回复]

   其实ID和Class最大的区别是样式的层级关系。
   • 

     优畅主题 2014-09-11 上午 10:35

     @前端博客 基础知识很多人还是不容易搞清楚，我发来自己提醒下自己。