类选择器可复用于多个元素，用.开头，ID选择器唯一标识元素，用#开头，且ID优先级高于类，二者分别通过class和id属性定义，合理使用提升样式维护性。
类选择器和ID选择器都是用来选中HTML元素并应用CSS样式的，但它们在使用方式和规则上有明显区别。
作用范围不同
类选择器（.classname）可以被多个元素使用，适合给一组相似的元素设置相同的样式。比如多个段落都需要红色文字，就可以用同一个类。
ID选择器（#idname）只能被一个元素唯一使用，页面中每个ID应该是唯一的，用于标识某个特定元素。
HTML写法不同
在HTML中，类通过 class 属性定义，ID通过 id 属性定义。
立即学习“前端免费学习笔记（深入）”；
例如：
魔法映像企业网站管理系统
下载
技术上面应用了三层结构，AJAX框架，URL重写等基础的开发。并用了动软的代码生成器及数据访问类，加进了一些自己用到的小功能，算是整理了一些自己的操作类。系统设计上面说不出用什么模式，大体设计是后台分两级分类，设置好一级之后，再设置二级并选择栏目类型，如内容，列表，上传文件，新窗口等。这样就可以生成无限多个二级分类，也就是网站栏目。对于扩展性来说，如果有新的需求可以直接加一个栏目类型并新加功能操作
这段有类
这是标题
CSS选择器语法不同
在CSS中，类选择器用点号 . 开头，ID选择器用井号 # 开头。
例如：
.highlight { color: red; }#main-title { font-size: 24px; }
优先级不同
当多个规则作用于同一个元素时，ID选择器的优先级高于类选择器。也就是说，如果一个元素同时被类和ID选中，ID的样式会覆盖类的样式。
例如，下面这个元素的文字最终是蓝色的：
文字颜色是什么？
.red-text { color: red; }
#blue-text { color: blue; }
基本上就这些。类用于复用，ID用于唯一标识，合理使用能让你的网页结构更清晰、样式更易维护。不复杂但容易忽略。
