众所周知Sass是一种高效、可靠而又精确的工具,给了我们很多自由空间,让开发者减少使用CSS的一些痛苦,当然,这也意味着一种新的责任到来。
问题所在
在CSS中,我们都知道所有代码都在一个“根级别”的选择器中,每个CSS的样式声明都写嵌套的话,那意客味需要写很多的代码。
今天我要带领大家进入到Sass的最基本原则中。这就是所谓的“基础规则(Incptionrul)”。此规则可以帮助你避免一些常见错误(使用Sass的常见错误),不管是你Sass的初学者,还是中级或者高级Sass开发者。
就拿下面的代码为例:
.post{bordr-radius:px;background:#FFF8FF;bordr:1pxsolid#EFC6F;padding:15px;color:#;}.post.titl,.post.alt-titl{color:#;font-siz:0px;}.post.alt-titl{bordr-bottom:1pxsolid#EFC6F;}
奇怪的是,你在使用CSS的时候,一旦你被卡住的时候,你会考虑加载其它的类名,如此一来,你的HTML就看不到明于,你是否在你的结构中同时加过五个类名呢?
divclass="post