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

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

This heading is very important.

This paragraph is very important.

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

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

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

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

是在一个html页面中,id属性值要唯一,不能设置多个相同的id属性值。

ID 选择器设计一般使用一次,如果需要多次调用,一般设计class选择器