css中有三种基础的选择器,标签选择器,类选择器和id选择器。
其中标签选择器选择的范围比较广,而类选择器和id选择器是可以精确定位的。
今天我才开始思考id选择器和类选择器各自的使用场景,为什么我们开发中应该多用类选择器,少用id选择器呢?
id选择器具有唯一性,不能出现重复的id,重复的情况下虽然对css样式没有什么影响,但是可能影响你的js代码。document.getElementById 会怎么执行?
类选择器可以重复使用,具有一定的可复用性。而且一个标签可以添加多个类。
从上面的描述中我们也能看出该怎么选择了。
id选择器太死板了,因为一个标签只能有一个id,你的css代码就都堆在一块,后面你要修改维护的时候也要改这一大块代码,你要加功能的时候也是改这一大块代码。明显不便于维护。
id选择器唯一的特性,可以用于精确选取dom元素,所以我们把他留给js使用。
用类选择器的话,可以把一个标签的css进行拆分,把可以复用的地方拆分出来就可以减少代码量了。后期维护的时候加新功能加一个类就行了。所以肯定主要是用类选择器来设置样式的。
id选择器干脆就不要用了,只在用js选择dom之类的情况下使用,因为id选择器的权重和类选择器不同,大一级。混用可能会增加因为这个权重产生的问题。所以干脆就少用或不用。
网友评论