id选择器说在html中只能使用一次吗？求解释

Question

例如在一个html中存在如下两个元素

This heading is very important.

This paragraph is very important.

当我为这个id设定样式之后，比如#a {color：red}，这两个元素的文字都为红色，这我就搞不懂了，不是说在一个 HTML 文档中，ID 选择器会使用一次，而且仅一次吗，求解释

Answer 1

id建议唯一，而且主要针对js而已，对css来说重复没有影响，匹配id样式的都会生效

id重复对js来说，通过document.getElementById('id')或者document.querySelector('#id')获取dom时只能得到第一个出现的dom对象。

直接用id来访问dom时，如果存在多个id一样的dom，注意此时id为dom集合，只存在一个id时，则是dom对象，这个要搞清楚，要不到时js代码一堆bug