w3cschool 编程狮,随时随地学编程
下载APP
|
登录
个人中心
首页
入门教程
编程课程
特色实战
畅学全站
首页
/
Sass 教程
/
sass 相关教程
sass 相关教程
6-4. 使用继承的最佳实践
sass 教程
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录
sass 教程
1. 使用变量
1-1. 变量声明
1-2. 变量引用
1-3. 变量名用中划线还是下划线分隔
2. 嵌套CSS 规则
2-1. 父选择器的标识符&
2-2. 群组选择器的嵌套
2-3. 子组合选择器和同层组合选择器:>、+和~
2-4. 嵌套属性
3. 导入SASS文件
3-1. 使用SASS部分文件
3-2. 默认变量值
3-3. 嵌套导入
3-4. 原生的CSS导入
4. 静默注释
5. 混合器
5-1. 何时使用混合器
5-2. 混合器中的CSS规则
5-3. 给混合器传参
5-4. 默认参数值
6. 使用选择器继承来精简CSS
6-1. 何时使用继承
6-2. 继承的高级用法
6-3. 继承的工作细节
6-4. 使用继承的最佳实践
7. 小结
sass 相关教程
sass 教程
关闭
MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }