随笔分类 - CSS
摘要：### nth-of-type 和 nth-child 1. nth-of-type ： 先过滤类型，重新排序，匹配序号 2. nth-of-child : 获取所有的子元素，再匹配序号对应的类型是否一致 参考：[解析CSS3伪类选择器nth-of-type和nth-child的用法，以及两者的区别
阅读全文
摘要：父级属性 flex-direction: row(默认) | row-reverse | column | column-reverse ： 主轴方向 justify-content: flex-start(默认) | flex-end | center | space-around | space
阅读全文
摘要：结论： 两者都是sass的编译工具 底层原理、速度等不同 参考： CSDN 官网 社区
阅读全文
摘要：介绍 SCSS 和 Sass 的关系： Sass3 之前的写法跟css差距太大，后面出了一个新的语法，叫SCSS，SCSS写法跟CSS很接近。 参考：知乎 语法 ::v-deep : 作用：它的出现是为了解决一个问题，当我们的子组件在写样式的时候使用了scoped,父组件是没办法再修改子组件的样式的
阅读全文
摘要：1. perspective : 指定了观察者与 z=0 平面的距离，使具有三维位置变换的元素产生**透视效果**。z>0 的三维元素比正常大，而 z [参考](https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter) 6. inset:为简写
阅读全文
摘要：position:fixed 修改父级 ： 当元素祖先的 transform, perspective 或 filter 属性非 none 时，容器由视口改为该祖先。 height 的100% 是相对于什么： 百分比相对于父级，默认值为auto; 限制：行内元素设置height是无效的 的父级是浏览
阅读全文
