编写完css后在浏览器中？使用css预处理器写css时如何缩小嵌套层级

可以试试用浏览器进行调试，点击“工具”，点击“开发者工具”，就打开调试工具了，也可以按下快捷键F①②来打开调试工具。

在css代码这里修改，会实时反应到页面，最后将自己满意的效果修改到本地的css代码中即可。

使用Sublime text ③ 格式化HTML代码试试，需要安装插件，具体安装步骤如下：

① · 打开菜单->首选项->插件控制，输入 install package

② · 等待程序进入插件管理功能，再输入插件名称：TAG

③ · 点击安装插件html-css-js prettify 。

④ · 插件安装成功后，在需要格式化的HTML代码中，选中代码，然后按Ctrl+Alt+H对代码进行格式化。

html-css-js prettify 格式化CSS会再每个CSS后面都添加①个换行，取消该换行的方法：

打开：菜单>tools>html/css/js prettify>set prettify preferences

修改设置newline_between_rules的参数为false

格式化完代码检查①下是不是CSS路径写错,还是标签没有正确使用。