如果两个或更多选择器的得分相同，则按照它们在样式表中涌现的顺序来决定最终生效的样式（后定义的样式覆盖前面的样式）。

3. JavaScript与层叠规则

虽然JavaScript不直接影响CSS的层叠规则，但可以通过操作DOM动态修正样式，从而间接影响样式的选择。
例如，可以利用JavaScript给元素添加新的类名、变动style属性或创建新的CSS样式表等。

// 添加类名，提高样式优先级element.classList.add('important');// 直接修正样式，具有最高优先级element.style.color = 'red';// 动态创建并插入样式表var styleSheet = document.createElement('style');styleSheet.innerHTML = '.new-style { color: blue; }';document.head.appendChild(styleSheet);

此外，JavaScript还可以通过查询window.getComputedStyle(element)获取元素的所有打算样式，包括根据层叠规则确定的实际样式值。

html怎么做层叠菜单详解JavaScript中的层叠规矩CSS Specificity HTML

小结

总结来说，只管JavaScript本身并不直接参与CSS层叠规则的打算过程，但它供应了各种手段帮助开拓者在运行时调度样式，从而影响元素终极呈现的效果。
理解并闇练利用CSS层叠规则，能让我们更有效地掌握页面样式，并避免不必要的样式冲突。