发表于: 2019-07-06 23:20:26
1 897
今天完成的事情
开始任务前,查阅了父元素知识点,因为感觉现在写scss就像写css得不到丝毫改变。
【scss有用的知识点】
1.@extend
在设计网页的时候常常遇到这种情况:一个元素使用的样式与另一个元素完全相同,但又添加了额外的样式。通常会在 HTML 中给元素定义两个 class,一个通用样式,一个特殊样式。此代码可以告诉 Sass 将一个选择器下的所有样式继承给另一个选择器。
.error { border: 1px #f00; background-color: #fdd; }
.seriousError { @extend .error; border-width: 3px; }
典例:
明天的计划
明天可以休息一天,尽量多看知识点,完成任务
遇到的困难
没多少困难,与css差不多,就是要多看scss文档,有很多有用方便的代码,没有大致的看过一遍scss所以才觉得难。
收获
多看scss中文档,才了解更多的便捷代码。
评论