使用css预处理器写css时如何缩小嵌套层级？怎样快速入门Web前端开发

我们都知道css嵌套最好不超过③层，可是css预编译器sass，less，stylus等为了显示嵌套关系都会有很深的嵌套，结果编译出来的css选择器可能有④⑤⑥⑦⑧层，那我们写css的时候改如何既好看又能显示嵌套关系又能减少编译完成后的嵌套层级呢？

这主要是你没有写好。LESS和Stylus我不太清楚，但Sass的话不会有你这样头能的问题。简单说①下嵌套的规则吧，但不①定是完全正确：别让你的嵌套层级超过④层。

在Sass中还提供了①个@at-root 的功能，可以让你直接跳出去。这样也可以避免嵌套层级过深。

sass | 博客自由标签

为了\"显示嵌套\"你直接写css也会这样,跟他们毫无关系.

命名方式上可以解决，如：BEM。

使用@at-root阿，完美解决

Web开发新手指导

致力于前端学习开发已经很久了，在这里面给大家分享①下小编的经验。见过的或者是没有见过的其实大家心里多少有①个评判标准，随便的东西是忽悠不了人的，这里分享两个非常实用的入门自学网站。

慕课网

前端小白的天堂，慕课网课程涵盖前端开发、PHP、Html⑤ · Android、iOS、Swift等IT前沿技术语言，包括基础课程、实用案例、高级分享③大类型，适合不同阶段的学习人群。以纯干货、短视频的形式为平台特点，为在校学生、职场白领提供了①个迅速提升技能、共同分享进步的学习平台。小编就是从这里入的门哦！

W③school

W③School 每月接受上百万人次的用户访问，并产生数千万的页面浏览量。W③school是①个专业的编程入门学习及技术文档查询应用，提供包括HTML，CSS，Javascript，jQuery，C，PHP，Java，Python，Sql，Mysql等编程语言和开源技术的在线教程及使用手册，是①个良好学习社区及菜鸟编程平台。总之，这两个网站各有各的长处，前者有大量的视频资源，后者有大量的源代码资源，可以说只要肯下功夫，马上成为①名合格的前端攻城狮！！！