首先，一个HTML文件中，所有元素的id属性值都应该是唯一的，现在大多数的IDE都有校验功能，如果id重复了会有相应的警告或者错误提示的，这样就可以规避元素的id属性值重复的问题了。根据id获取元素对象，不管是原生js，还是jquery等js库都是最便捷的了，只要保证页面各个元素的id属性值唯一即可。
其次，可以根据class名，HTML标签等获取元素。
最后，还可以根据CSS的伪类获取元素，CSS 伪类用于向某些选择器添加特殊的效果。常用的伪类有： :active 向被激活的元素添加样式。 :focus 向拥有键盘输入焦点的元素添加样式。 :hover 当鼠标悬浮在元素上方时，向元素添加样式。 :link 向未被访问的链接添加样式。 :visited 向已被访问的链接添加样式。 :first-child 向元素的第一个子元素添加样式。 :lang 向带有指定 lang 属性的元素添加样式。
总结以下，如果通过其他方式能够很方便的选择出大家需要的元素，则可以减少id属性的使用，否则使用id属性，记得id属性值必须唯一。
如果觉得《HTML页面中如何避免过度使用ID – CSS – 前端 css3伪类选择符》对你有帮助，请点赞、收藏，并留下你的观点哦！
