css+less变量

html-css026

css+less变量,第1张

1.css变量的使用

2.less变量使用:变量+混合+嵌套+循环

webstorm配置less:通过命令npm install -g less先安装less

html内容如下:

less内容如下:

可以的,在选择器方面,less和css的用法是一样的,组选择器,

后代选择器

,伪

类选择器

等等这些都是可以的。只是在某一些特殊情况,css能做的less就做不好而已,所以如果是

小项

目的话,还是用css好,不用经过less预处理了;大型项目用less就是不错的选择,便于维护。

@ ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vux/src/styles/reset.

less 3:10-115

@ ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-

compiler?{"id":"data-v-942b00fc","scoped":false,"hasInlineConfig":true}!./~/vux-

loader/src/style-loader.js!./~/vue-loader/lib/selector.js?type=styles&index=0!./

src/App.vue

@ ./~/vue-style-loader!./~/css-loader?{"minimize":false,"sourceMap":false}!./~/

vue-loader/lib/style-compiler?{"id":"data-v-942b00fc","scoped":false,"hasInlineC

onfig":true}!./~/vux-loader/src/style-loader.js!./~/vue-loader/lib/selector.js?t

ype=styles&index=0!./src/App.vue

@ ./src/App.vue

@ ./src/main.js

@ multi ./build/dev-client ./src/main.js