如何通过 Dev-Tools 或 Firebug 一次添加多个 css 规则
How to add multiple css rules at once through Dev-Tools or Firebug
我有 300 行 CSS,其中包含许多我需要在页面上测试的规则。
我希望一次性将规则粘贴到页面正在使用的 main.css 底部 - 或者在页面中添加一个伪 "extra-main.css" sheet我的规则。
我目前无法访问该页面的源代码,因此我必须在实时页面上工作。不完美我知道。
最好的方法是什么? Firebug、DevTools (Chrome)、其他东西...
在 Chrome DevTools 的 Elements 面板中单击元素的来源,粘贴到您的 CSS 进行测试并点击 Ctrl + S 查看更新。只要 CSS 源文件影响它,您可以单击要测试的页面上的任何元素。
在Firebug中它类似于Chrome DevTools,我刚发现。
- 打开Firebug
- Select CSS 选项卡
- Select 您要编辑的 css 文件
- Select 实时编辑
我有 300 行 CSS,其中包含许多我需要在页面上测试的规则。
我希望一次性将规则粘贴到页面正在使用的 main.css 底部 - 或者在页面中添加一个伪 "extra-main.css" sheet我的规则。
我目前无法访问该页面的源代码,因此我必须在实时页面上工作。不完美我知道。
最好的方法是什么? Firebug、DevTools (Chrome)、其他东西...
在 Chrome DevTools 的 Elements 面板中单击元素的来源,粘贴到您的 CSS 进行测试并点击 Ctrl + S 查看更新。只要 CSS 源文件影响它,您可以单击要测试的页面上的任何元素。
在Firebug中它类似于Chrome DevTools,我刚发现。
- 打开Firebug
- Select CSS 选项卡
- Select 您要编辑的 css 文件
- Select 实时编辑