在CSS中的id v / s类

Question

  

可能重复：
  Cascading style sheets use “id” or “class”

我什么时候应该在我的css文件中使用id v / s类。

我知道当id是唯一元素时会使用id。

出于所有实际目的，如果我假设没有任何元素重复我应该使用什么？

Answer 1

设计决策来自实际使用。因为我确定你在猜测：是的，使用类来完成所有事情是完全标准的。但是，如果你需要操作元素（看一下jQuery），那么使用id而不是类中的一组元素会更容易。

您似乎理解：独特元素的ID，具有相同设计/目的的多个元素的类。

Answer 2

一个好的启发式思考方法是，id就像元素的名称，如果你想特别引用它，那么类就是元素的属性，你网站周围的其他元素也可能有。

要考虑的另一件事是特异性，这是当一个css规则覆盖另一个css规则时的规则。这是一个很好的解读：http://css-tricks.com/specifics-on-css-specificity/

Answer 3

ID具有比类更高的选择器特异性。这意味着如果您有一个类和id竞争属性，id css属性很可能会覆盖类属性。如果我是正确的，ID值为100分，类选择器为10分，标签选择器为1分，内联样式为1000分。点数越多，特异性越高，它有可能覆盖其他选择器属性。

希望这有帮助。