Scss内置拓展

梗概:

scss内置了很多扩展 拓展中有许多function 如:

1. color
2. list
3. map
4. math
5. meta
6. selector
7. string等

语法:

使用内置函数有两种方法:

1. 可以使用@use模块化引入
2. 也可以直接使用他提供的全局函数名调用

实例:

@use 'sass:list';
p {
//第二种方式:
    color: nth($list: red blue green, $n: 2); // blue
//第一种方式:
    color: list.nth($list: red blue green, $n: 2); // blue
}