css选择器平时开发关于id选择器和类选择器的选择的思考

css中有三种基础的选择器，标签选择器，类选择器和id选择器。

其中标签选择器选择的范围比较广，而类选择器和id选择器是可以精确定位的。

今天我才开始思考id选择器和类选择器各自的使用场景，为什么我们开发中应该多用类选择器，少用id选择器呢？
id选择器具有唯一性，不能出现重复的id，重复的情况下虽然对css样式没有什么影响，但是可能影响你的js代码。document.getElementById 会怎么执行？
类选择器可以重复使用，具有一定的可复用性。而且一个标签可以添加多个类。

从上面的描述中我们也能看出该怎么选择了。

id选择器太死板了，因为一个标签只能有一个id，你的css代码就都堆在一块，后面你要修改维护的时候也要改这一大块代码，你要加功能的时候也是改这一大块代码。明显不便于维护。
id选择器唯一的特性，可以用于精确选取dom元素，所以我们把他留给js使用。
用类选择器的话，可以把一个标签的css进行拆分，把可以复用的地方拆分出来就可以减少代码量了。后期维护的时候加新功能加一个类就行了。所以肯定主要是用类选择器来设置样式的。
id选择器干脆就不要用了，只在用js选择dom之类的情况下使用，因为id选择器的权重和类选择器不同，大一级。混用可能会增加因为这个权重产生的问题。所以干脆就少用或不用。