id和class怎样选择使用

id和class怎样选择使用详细介绍

href="https://www.note234.com/221875/" title="邮箱导航大全" class="auto-internal-link" data-keyword="id">>id和class作为CSS选择器最常用的挂钩,其区别已经成了一个经典问题。

1.同一个网页,相同的id只能出现一次,它不可重复,而 class可以任意出现多次;

2.id的CSS选择符权重为100,而 class的选择符权重为10;

3.原生JS提供getElementByld方法,支持通过id对应到相关的HTMLLIElement,但原生JS不支持通过class对应到相关HTMLLIElement。

一般来说,id因为不能重用,使用id会限制网页的扩展性。比如,设计图中有某个模块只出现过一次,我们使用了id作为挂钩,这本身没有问题。但如果需求变更,设计图中同样的模块需要再增加一个,这时问题就出现了,因为使用id作为挂钩,不能重用。所以,一般情况下,建议尽量使用 class,少用id。

,