less的结构嵌套和变量作用域
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了less的结构嵌套和变量作用域相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/less"> /* 结构嵌套和变量作用域 样式的结构可以像html结构来一样嵌套,并对应其样式。 对于变量,可以通过样式的结构来设定作用域。 */ @color:red; div{ background-color: @color; div{ @color:blue; background-color: @color; } } </style> </head> <body> <div> hello world1 <div> hello world2 </div> hello world3 </div> <script type="text/javascript" src="js/es5-shim.js"></script> <script type="text/javascript" src="js/less.min.js"></script> <script type="text/javascript"> less.watch(); </script> </body> </html>
以上是关于less的结构嵌套和变量作用域的主要内容,如果未能解决你的问题,请参考以下文章