Less語言大大減少了css語言的代碼復雜量,如果想要改變某元素的顏色透明度可使用fade()算法
fade("顏色值",透明度百分比),百分比越小,透明度越強 如fade(red,20%)
例子如下:
css
@base :black; @width :10px; @base-color: red; .radius { border-radius: 4px; } div { width: (@width *20); height: 100px; background-color: fade(@base-color,20%); .radius; p { color: @base-color ; } }
html代碼
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <link rel="stylesheet/less" href="less.css"/> <script src="less.js"></script> <title>Less語言</title> </head> <body> <div> <p>嵌套代碼</p> </div> </body> </html>
效果如下: