使用Stylus简单快速的修改印象笔记新版Web端样式

春节期间，购买了“印象笔记everpen” ，因此又开始使用印象笔记去记录一些东西。新版印象笔记Web端确实很好看，但左边两个边栏的宽度有点大，使得右侧编辑区使用起来并不是那么的舒展。

特别是将浏览器窗口的宽度调小之后，左侧边栏依然占用相同的宽度导致几乎无法查看到右侧的编辑栏。

于是借助 Stylus [Chrome网上应用商店地址]，修改了一下两个边栏的宽度。

首先通过 开发人员工具 查看一下网页的构成。

可以看到，红色和蓝色部分的 HTML 内容分别对应的网页部分。

于是下面一段代码很简单的就实现了效果

/* 左边栏 */
._2ExS9kKTFBlR8n2N8jYqyT {
    width:191px;
}
/* 中间栏 */
._1WrY6zkGiK439ApkAyVslO{
    width:242px;
}

最终效果如下：