摘要:导入 在一个less文件中可以 import另一个.less文件.此文件中的所有内容就可以使用了 如果导入的文件是 .less 扩展名,则可以将扩展名省略 @import "library"; // 等价于library.less @import "type.css"; 转义 ~"anything"
阅读全文
摘要://注意: // 运算时. 数值和单位之间不能有空格 // 减法操作符号左右要留空格. // 除法要用括号括起来. // 加,减 之前会自动进行单位换算. 以左侧操作数的单位为准. // 例如: `@base: 2cm * 3mm; // 结果是 6cm` // 如果单位换算无效或失去意义,则结果就
阅读全文
摘要:.box { width: 500px; padding: 20px; border: 1px solid #666; border-radius: 10px; // & 符号代表上一层的选择器. 父级 &:hover { background-color: green; box-shadow: 0
阅读全文
摘要://匹配模式 有点像函数重载 .arrow { width: 0; height: 0; overflow: hidden; border-width: 10px; border-color: transparent transparent limegreen transparent; border
阅读全文
摘要:@width: 200px; @border: 1px solid red; div { margin: 10px 0; border-radius: 10px; } .txt-center { font-size: 20px/40px '微软雅黑'; color: #fff; text-align
阅读全文
摘要:@width: 100px; //定义变量 @default-border: 1px solid black; // 变量名,变量值都可以被定义为变量 //变量名被定义为变量后,使用时需要加@{}引用 @bacc: background-color; .box { width: @width; he
阅读全文
摘要:什么是less? less, suss , stylus 都是css的动态扩展语言. 三种都大同小异 官网: https://less.nodejs.cn/ 怎么用? 与Node.js一起使用: 安装: npm install -g less 编译: lessc styles.less styles
阅读全文
摘要:在File Settings Tools File Watchers 点击 '+' 下拉选项里选择 less ok,apply,之后编辑less文件保存后自动会编译为.css
阅读全文