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

Question

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

我最好将这些规则粘贴在页面正在使用的main.css的底部 - 或者添加一个伪＆＃34; extra-main.css＆＃34;使用我的规则填写页面。

我目前无权访问该网页的来源，所以我必须在实际网页上工作。我知道并不完美。

最好的方法是什么？ Firebug，DevTools（Chrome），其他......

Answer 1

在Chrome DevTools＆＃39; Elements 面板单击元素的源，粘贴到CSS中进行测试，然后按 Ctrl + S 查看更新。只要CSS源文件影响它，您就可以单击要测试的页面上的任何元素。

Answer 2

在Firebug中，它与Chrome DevTools类似，我刚刚发现。

1. 打开Firebug
2. 选择CSS标签
3. 选择您要编辑的css文件
4. 选择实时修改