发表于: 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中文档,才了解更多的便捷代码。



返回列表 返回列表
评论

    分享到