通过谷歌开发者工具可以很方便的查看指定元素的CSS样式代码。
右键指定元素，然后点击“检查”按钮
可以弹出以下类似界面：
在右侧出现对应元素CSS代码的声明，有些css代码带有删除线，说明被其他代码所覆盖。
那么就可以在当前锁定为的CSS代码处，向上或者向下，查找CSS对应CSS代码，就可以找到是哪一条代码覆盖了当前代码。比如上图中，#page .item a{}中的text-decoration: none被下面a{}的对应代码覆盖。
更多web前端知识，请查阅 HTML中文网 ！！
以上就是如何查看css是否被覆盖？的详细内容，更多请关注web前端其它相关文章！
