怎样查看多余的CSS

html-css024

怎样查看多余的CSS,第1张

只能手动搜了,在css里把css的名字选中,然后ctrl+f ,转到你的页面文件,搜索当前文档,查找一下,

如果没找到,说明这个css没有在页面中用到。

依次类推……

你也可以查找整个站点!

CS1.5 是自己设的按键,一般是+3或者-。

CS1.6 可能是\键。也可以按~键调出控制台,在里面输入bot_kill然后回车。

CS起源只能使用控制台。

近期的一个项目中,碰到过这个问题,fixed元素居然好端端的失效了 ,后来不断的排查,最终发现了问题出在 CSS3 transform上的,只因为fixed元素的父层添加了 CSS3 transform属性。都知道,position:fixed可以让元素不跟随浏览器的滚动条滚动,而且这种跟随效果连它的兄弟们position:relative/absolute都限制不了。但是,真是一物降一物,position:fixed固定效果却被小小的transform给干掉了,直接降级变成position:absolute的蛋疼表现。

不过还好,目前只在Chrome浏览器/FireFox浏览器下有,其他浏览器均为正常。