在用CSS给页面内容添加样式时，id和class是常用的选择器。
id:
同一个HTML页面不允许出现相同的id，id选择器适用于一些特定的属性添加，用 #id值 来定义。
class：
class属性可以出现很多次，经常遇到页面中很多地方会用到相同的样式，例如，页面中，a标签里面加链接的内容通常不需要下划线，字体颜色一般也并不会保留链接文字的蓝色，还有页面中的列表（经常会用到ul列表），一般也不会保留列表每一项前面的实心圆点。这种情况就可以给a标签或者ul标签设置相同的class值，在CSS文件中添加样式的时候，能够做到统一修改，可以节约很多时间，减少代码量。class用.class值来定义。
举个例子：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>选择器</title> <link rel="stylesheet" href="id&class.css"> </head> <body> <div> <div id="div1">君不见，</div> <div class="div2">黄河之水天上来，</div> <div id="div3">奔流到海不复回。 </div> <div class="div2">君不见，</div> <div class="div2">高堂明镜悲白发，</div> <div class="div2">朝如青丝暮成雪。 </div> </div> </body> </html>
CSS代码：
#div1 { font-size: 10px; color: #0395e1; } #div3 { font-size: 50px; color: #e53935; } .div2 { font-size: 25px; color: chartreuse; }
页面显示：
