如何通过Dev-Tools或Firebug一次添加多个css规则

Leo*_*son 8 css firebug google-chrome-devtools

我有300行CSS,包含我需要在页面上测试的许多规则.

我最好将这些规则粘贴在页面正在使用的main.css的底部 - 或者使用我的规则将伪"extra-main.css"表添加到页面中.

我目前无法访问该页面的源代码,因此我必须处理实时页面.我知道并不完美.

最好的方法是什么?Firebug,DevTools(Chrome),其他......

Joe*_*rby 7

在Chrome DevTools的" 元素"面板中,单击元素的来源,粘贴CSS以进行测试,然后按Ctrl+ S以查看更新.只要CSS源文件影响它,您就可以单击要测试的页面上的任何元素.

在Chrome DevTools中粘贴多个CSS规则

  • 正确.至于在浏览器中替换SCSS文件本身将是一种无法识别的格式.您需要编译SCSS文件,然后在适当的位置使用输出的CSS. (2认同)