发表于: 2018-06-26 22:53:36

2 597


一、今天完成的事情:

准备小课堂,再次学习SASS


二、明天计划的事情:

开始任务13


三、遇到的问题:

看到一些文章说尽量不要使用嵌套,这是为什么呢?我觉得嵌套可以细分元素,比较容易调整每一个元素


收获:

四、收获:

1 SASS嵌套相比于CSS,能够很直观的看出各个元素各有什么样式,并且层级分明


2 父选择器的标识符&;

一个特殊的sass选择器,即父选择器。在使用嵌套规则时,父选择器能对于嵌套规则如何解开提供更好的控制。它就是一个简单的&符号,且可以放在任何一个选择器可出现的地方,比如h1放在哪,它就可以放在哪。

当包含父选择器标识符的嵌套规则被打开时,它不会像后代选择器那样进行拼接,而是&被父选择器直接替换:


3 群组选择器


4 子组合选择器和同层组合选择器:>、+和~;

4.1 子组合选择器>

选择一个元素的直接子元素

第一个选择器会选择article下的所有命中section选择器的元素。第二个选择器只会选择article下紧跟着的子元素中命中section选择器的元素。

4.2 同层相邻组合选择器+

选择header元素后紧跟的p元素

4.3 同层全体组合选择器~

选择所有跟在article后的同层article元素,不管它们之间隔了多少其他元素


5 嵌套属性

嵌套属性的规则:把属性名从中划线-的地方断开,在根属性后边添加一个冒号:,紧跟一个{ }块,把子属性部分写在这个{ }块中。


6.变量

凡是css属性的标准值(比如说1px或者bold)可存在的地方,变量就可以使用。css生成时,变量会被它们的值所替代。之后,如果你需要一个不同的值,只需要改变这个变量的值,则所有引用此变量的地方生成的值都会随之改变




进度:任务12

任务开始时间:06.22

预计demo时间:06.24

是否有延期风险:无

禅道:http://task.ptteng.com/zentao/project-task-749.html




返回列表 返回列表
评论

    分享到