推荐一个 Google Chrome 插件——Stylebot。简单说来就是一个所见即所得的 CSS 编辑工具,适合前端攻城师和洁癖症患者。

下载地址:

https://chrome.google.com/webstore/detail/oiaejidbmkiecgbjeifoejpgmdaleoha

官方介绍:

  • Stylebot allows you to quickly create and apply custom CSS to websites.
  • It is very easy to use. You pick an element and choose any changes you want to make. You can change the font size, color, margins, visibility and a lot more. The advanced users can also write the CSS manually.
  • Using Stylebot, you can personalize the look and feel of your favorite websites. It is also a great tool to learn CSS by doing and for debugging your own site’s design.

功能特性:

  • 全站 CSS 基本配置 / 高级自定义。
  • 所见即所得、即时保存。
  • 支持右键元素直接点取编辑。
  • 支持同步(虽然还是实验阶段功能),一处编辑处处可用。
  • 提供社会化样式脚本库(stylebot.me),内含大量用户现成脚本可供下载。

例如,想屏蔽新浪微博上方难看的跑马灯 Banner 广告连同下方的过滤器,直接在 Stylebot 里输入:

.tips_player {
display: none;
}

#MIB_newFilter {
display: none;
}

演示: