css中class和id选择器有什么区别？" Class选择器和ID选择器是CSS中常用的两种选择器，它们有以下区别：

" Class选择器和ID选择器是CSS中常用的两种选择器，它们有以下区别：

选择器的语法：Class选择器使用"."开头，后面跟着类名，例如.class-selector；ID选择器使用"#"开头，后面跟着ID名，例如#id-selector。
使用次数：Class选择器可以在一个HTML文档中多次使用，而ID选择器在同一个HTML文档中只能使用一次。这是因为ID应该是唯一的，用于标识某个具体的元素。
优先级：ID选择器的优先级高于Class选择器。当一个元素同时应用了Class选择器和ID选择器时，ID选择器的样式将覆盖Class选择器的样式。
适用范围：Class选择器适用于多个元素，可以给多个元素应用相同的样式；而ID选择器适用于单个元素，用于给某个特定的元素应用样式。
CSS权重：在CSS权重计算中，ID选择器的权重更高。CSS权重是用来确定当多个选择器应用于同一个元素时，哪个选择器的样式将被应用。ID选择器的权重为100，而Class选择器的权重为10。

示例代码如下所示：

<!DOCTYPE html>
<html>
<head>
  <style>
    .class-selector {
      color: blue;
    }

    #id-selector {
      color: red;
    }
  </style>
</head>
<body>
  <div class=\"class-selector\">This is a div with class selector.</div>
  <div id=\"id-selector\">This is a div with ID selector.</div>
</body>
</html>

在上述示例中，使用了一个Class选择器和一个ID选择器。第一个div元素应用了Class选择器，文本颜色将变为蓝色；第二个div元素应用了ID选择器，文本颜色将变为红色。

总结来说，Class选择器和ID选择器在语法、使用次数、优先级、适用范围和CSS权重上有所区别。了解这些区别可以帮助我们更好地应用它们，实现所需的样式效果。"