在前端开发中，CSS Reset 技巧是一种非常重要的技术。它可以帮助我们解决浏览器默认样式带来的问题，让我们的页面在不同的浏览器中呈现出一致的效果。但是在实际应用中，我们也会遇到一些常见的 Bug，下面就来详细介绍一下常见的 Bug 及解决方法。
1. 样式被其他样式覆盖
在实际应用中，我们可能会遇到样式被其他样式覆盖的情况。这时候我们需要使用 !important 来强制覆盖其他样式。
例如：
- - ------ --- ----------- -
这样就可以强制将 p 标签的颜色设为红色。
但是，!important 虽然可以解决问题，但是它也会带来一些副作用，比如会使得代码难以维护。因此，我们应该尽量避免使用 !important，只在必要的情况下使用。
2. 行内样式优先级高
在 HTML 中，我们可以使用行内样式来为元素设置样式。但是，行内样式的优先级是非常高的，它可以覆盖掉其他样式。
例如：
-- ------------- ------------ ----------
这时候，p 标签的颜色就会被设置为红色，而不是其他样式表中设置的颜色。
为了避免这种情况，我们可以使用 !important 来覆盖行内样式，或者使用 CSS 选择器的优先级来提高其他样式的优先级。
3. 样式不生效
在实际应用中，我们可能会遇到样式不生效的情况。这时候我们需要检查一下样式表的路径是否正确，或者检查一下样式表中是否有语法错误。
另外，有时候样式不生效也可能是因为样式被其他样式覆盖了。这时候我们需要使用浏览器的开发者工具来检查一下样式的优先级。
4. 页面跨域请求被拒绝
在实际应用中，我们可能会遇到页面跨域请求被拒绝的情况。这时候我们需要在服务器端设置 CORS（跨域资源共享）来解决这个问题。
例如，在 Node.js 中，我们可以使用 cors 模块来设置 CORS：
----- ------- - ------------------- ----- ---- - ---------------- ----- --- - ---------- ----------------
总结
CSS Reset 技巧是前端开发中非常重要的一部分，但是在实际应用中也会遇到一些常见的 Bug。我们需要了解这些 Bug 并掌握解决方法，才能更好地应对实际开发中的问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6608ffbcd10417a22277cd66