谷歌查看CSS代码被谁覆盖

谷歌查看CSS代码被谁覆盖属于前端实例代码，有关更多实例代码大家可以查看。

通过谷歌开发者工具可以很方便的查看指定元素的CSS样式代码。

右键指定元素，然后点击检查按钮，可以弹出以下类似界面：

在右侧出现对应元素CSS代码的声明，有些css代码带有删除线，说明被其他代码所覆盖。

那么就可以在当前锁定为的CSS代码处，向上或者向下，查找CSS对应CSS代码，就可以找到是哪一条代码覆盖了当前代码。比如上图中，#page .item a{}中的text-decoration: none被下面a{}的对应代码覆盖。