发表于： 2019-03-20 23:13:09
1 745
今天完成的事：
1.把sass和vscode配置好了
2.学习sass官网的资料，了解和CSS的不同之处
明天的计划：
1.继续学习sass的特性
2.完成任务十一
遇到的问题：
1.我在配置vscode和sass的时候，一直在报错，后来在师兄的帮助下解决了，三个问题
（1）按照网上的流程按照了不必要的插件，easy sass不推荐，使用live sass。
（2）本地文件夹里需要把css和sass文件夹分开建立，在一个同级的文件夹里
（3）vscode里面有一个“监听”的按键，不开的话会导致css文件和sass文件无法同步
收获：
1.sass的特性一，变量的重复使用，主要在scss文件里，用$命名一个变量，配上属性，然后在下面的元素内直接套用，，css文件里就会自动生成相应的样式，非常之方便！
2.sass的特性二，嵌套。就像俄罗斯套娃一样，我们只要在scss文件里用一个父级{ }直接把子元素写进去，css文件里就会自动生成，免去了一直写前缀父级
3.sass的特性三，父选择器& ，这个适用于我们使用::after ::before :hover等伪元素，因为特性二，嵌套。如果我们直接在a后面加：hover，就会出现后代选择器，也就是有个空格，这样的话，hover效果是出不来的。这时候就需要用到&符号
返回列表
评论