分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

scss使用方法

发布时间:2023-09-06 02:26责任编辑:顾先生关键词:暂无标签
命令行:  
  win+r 调试出运行窗口;  
  git & cmd & powershell
基本使用方法: 
  cd: 切换磁盘;   
 cd ../ 切换到上一级;  
 ls: 查看当前目录下所有的文件;   
 cd 空格加文件名字:  切换到指定的目录;   
 cls: 清空当前的屏幕内容;git命令使用clear;
定义变量: $color:yellow;
引用变量: div { color: $color };
嵌套规则:  
  content { 
           width:100px;     
       h4 {  color: red; 
             } 
         p { text-indent: 2em;
           }  
       a { color: #000;        
          &:hover { color: #c00;           
          }      
  }    
&代表父选择器标识;  
同级标签单独书写{}
包含的标签书写在上一级{}里
 
编译sass:    
sass --watch 要监听的文件夹&文件名称:输出的文件夹&文件名称
    sass --watch scss文件名:css输出文件名
监控scss文件夹下所有的scss文件并且声称css文件到输出的css文件夹中.
  sass --watch index:stylscss文件名:css输出文件名  --style expanded  
  -- style expanded是编译输出的样式
编译样式:           
 expanded / compact / nested / compressed
 
 
书写scss时有一些混合器便于去简化代码
 
 
 

scss使用方法

原文地址:https://www.cnblogs.com/gjm960406/p/10128003.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved