跟Howard学LESS之初见LESS

为什么80%的码农都做不了架构师？>>>

跟Howard学LESS之初见LESS，不废话，上代码：

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>初见LESS</title><style type="text/css">.conten ul{list-style: none;}.conten li{height: 25px;line-height: 25px;padding-left: 15px;background: url("arr.jpg") no-repeat center left;}.conten li a{text-decoration: none;color: #535353;font-family: microsoft yahei, "黑体", Arial, Simsun, "Arial Unicode MS", Mingliu, Helvetica;}/*less的写法如下*/.conten {ul{list-style: none;}li{height: 25px;line-height: 25px;padding-left: 15px;background: url("arr.jpg") no-repeat center left;a{text-decoration: none;color: #535353;font-family: microsoft yahei, "黑体", Arial, Simsun, "Arial Unicode MS", Mingliu, Helvetica;}}}</style>
</head>
<body>
<div class="conten"><ul><li><a href="http://www.quban18.com/shiwuquban/dasuanquban/">大蒜祛斑</a>这是测试文档</li><li><a href="http://www.quban18.com/zhongyaoquban/">中药祛斑</a>这是测试文档</li><li><a href="http://www.quban18.com/shiwuquban/dasuanquban/">大蒜祛斑</a>这是测试文档</li></ul>
</div>
</body>
</html>

跟Howard学LESS之初见LESS效果：

大蒜祛斑这是测试文档
中药祛斑这是测试文档
大蒜祛斑这是测试文档

LESS部份：

/*就会在LESS和CSS中显示*/
.conten {ul{list-style: none;}li{height: 25px;line-height: 25px;padding-left: 15px;background: url("arr.jpg") no-repeat center left;a{text-decoration: none;color: #535353;font-family: microsoft yahei, Arial, Simsun, "Arial Unicode MS", Mingliu, Helvetica;}}
}

转载于:https://my.oschina.net/dxc8/blog/2995022

跟Howard学LESS之初见LESS相关推荐

从零开始学PowerShell(1)初见基础命令
PowerShell在设计之初就考虑到易用性,因为我们的运维系统管理人员实在是太忙碌了,所以你可以从它的每个标准的命令名上就大致能猜出这个命令是做什么的,从他的命名结构也可以发现均按照"动词 ...
人大计算机系余力,院内动态 | 访我校91级校友、中国人民大学博导余力
原标题:院内动态 | 访我校91级校友.中国人民大学博导余力初见余力学长,笔者便被他精干沉稳的形象所吸引,冬日的寒意丝毫不减他的朝气与热情.一期精彩的学府讲坛后,笔者有幸采访到余力学长,不同寻常的是 ...
BuaaCoding 026-050 Problems and Solutions
BuaaCoding 026-050 Problems and Solutions PART I 水题 PART II 算法题 037 简单优先队列 (贪心优先队列) 题目分析补充:c++优先队 ...
1.4 从0开始学Unity游戏开发--Unity编辑器初见
安装没啥好说的,要先安装一个Unity Hub,然后在Unity Hub里面安装编辑器,但是有两点要注意,Unity的收费模式跟随你使用的场景而不同,这里我都默认使用个人开发者版本,这个是免费的,如 ...
6月书讯 | 唠嗑也能学数学！
自从人工智能大火之后,一大批人开始争相入行. 与此同时,还带火了一门编程语言,那就是 Python! 当大家兴高采烈地学习 Python ,准备为入门人工智能降低难度时,一个不可忽视的问题出现了,大家 ...
陈老师Linux内核概述导学
<Linux内核分析与应用>第一章 : 概述 Are you ready? Linux内核像一座金山,又像一片茂密的森林,出发的入口在哪里?仅仅只有C基础和数据结构知识,也想感受Linux ...
万字长文爆肝Python基础入门【巨详细，一学就会】
目录数据的名字和种类--变量和类型初探数据种类数据类型数值运算比较运算变量和赋值变量的好处用赋值更新变量变量和数据类型的关系总结数据类型数值运算数值比较变量和赋值一串数据 ...
前端学python有什么用-杭州前端需要学习python
杭州前端需要学习python 来源:教育联展网编辑:佚名发布时间:2018-09-13 现在Python的就业前景怎么样 Python既是一种面向对象的编程语言又因为其简单.易学.开源.脚本语言 ...
python界面颜色-给Python点颜色——青少年学编程
书名:给Python点颜色--青少年学编程定价:59.8 ISBN:9787115512321 作者:佘友军版次:第1版出版时间:2019-09 内容提要: 面对科技驱动的未来,编程是学生们茁壮 ...

跟Howard学LESS之初见LESS

跟Howard学LESS之初见LESS相关推荐

最新文章

热门文章