URLs
描述 (Description)
变量可用于保存URL。
例子 (Example)
以下示例演示了如何使用variables来保存LESS文件中的URL -
<html>
<head>
<link rel = "stylesheet" href = "style.css" type = "text/css" />
<title>LESS URLs</title>
</head>
<body>
<div class = "myclass">
</div>
</body>
</html>
现在创建style.less文件。
style.less
@images: "http://www.iowiki.com";
.myclass {
background : url("@{images}/less/images/less_variables/birds.jpg");
width:800px;
height:500px;
}
您可以使用以下命令将style.less编译为style.css -
lessc style.less style.css
执行上面的命令; 它将使用以下代码自动创建style.css文件 -
style.css
.myclass {
background: url("http://www.iowiki.com/less/images/less_variables/birds.jpg");
width: 800px;
height: 500px;
}
输出 (Output)
请按照以下步骤查看上述代码的工作原理 -
将上述html代码保存在less_variables_interpolation_url.html文件中。
在浏览器中打开此HTML文件,将显示以下输出。