开发者社区> 技术小美> 正文

less表达式使用

简介:
+关注继续查看

示例

@the-border:1px;
@base-color:#111;
@red:#842210;

#header{
	color:(@base-color * 3);
	border-left:@the-border;
	border-right:(@the-border * 2);
}

#footer{
	color:(@base-color + #003300);
	border-color:desaturate(@red,10%);
}


说明

(@base-color * 3)表示表达式运算


语法

(变量1 运算符 变量2)


生成的css文件(example4.css)

#header {
  color: #333333;
  border-left: 1px;
  border-right: 2px;
}
#footer {
  color: #114411;
  border-color: #7d2717;
}


在html文件中使用css(less4.html)

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>less4</title>
	<link rel="stylesheet" href="example4.css">
	<style>
		#header,#footer{
			width: 500px;
			height: 400px;
		}

		#header{
			border-style: solid;
		}

		#footer{
			border-style: solid;
			border-width: 1px;
		}
	</style>
</head>
<body>
	<div id="header">
		header
	</div>

	<div id="footer">
		footer
	</div>
</body>
</html>

本文转自 素颜猪 51CTO博客,原文链接:http://blog.51cto.com/suyanzhu/1900685


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
29123 0
VC中的正则表达式使用
对于很多应用,例如文件查询和名称匹配,在html文件中查找匹配的超链接等等 正则表达式自然是最好的解决方法. 不过VC里面竟然不如VBS对于Regular Expression那样有支持, 除非升级到VC.NET(使用拖管C++就可以使用).
993 0
JS导出PDF插件(支持中文、图片使用路径)
原文:JS导出PDF插件(支持中文、图片使用路径) 在WEB上想做一个导出PDF的功能,发现jsPDF比较多人推荐,遗憾的是不支持中文,最后找到pdfmake,很好地解决了此问题。它的效果可以先到http://pdfmake.org/playground.html查看。
1890 0
使用 Serverless 工作流快速构建 AI Serving 应用
本文介绍如何快速使用 Serverless 工作流 + 阿里云|达摩院 视觉智能平台构建人工智能服务应用
1384 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
20688 0
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
23577 0
+关注
6819
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载