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

发表时间：2018-01-30 15:10:01 作者： 来源： 浏览：次

在上一篇文章中，小编为您详细介绍了关于《请问高玩们游戏本aorus x7 dt v6还有ROG Strix GL702VS咋选？请问游戏本6000左右买哪一款好一些》相关知识。本篇中小编将再为您讲解标题使用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等编程语言和开源技术的在线教程及使用手册，是①个良好学习社区及菜鸟编程平台。总之，这两个网站各有各的长处，前者有大量的视频资源，后者有大量的源代码资源，可以说只要肯下功夫，马上成为①名合格的前端攻城狮！！！

编后语：关于《使用css预处理器写css时如何缩小嵌套层级？怎样快速入门Web前端开发》关于知识就介绍到这里，希望本站内容能让您有所收获，如有疑问可跟帖留言，值班小编第一时间回复。下一篇内容是有关《在京东买电脑在返修和退货的时候？哪家电脑店有上门装系统的》，感兴趣的同学可以点击进去看看。

资源转载网络，如有侵权联系删除。