<!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的写法如下*/

        //只会在LESS中显示

        /*就会在LESS和CSS中显示*/

        @charset "UTF-8"

        .conten {

            ul{

                list-style: none;

            }

            li{

                height: 25px;

                line-height: 25px;

                padding-left: 15px;

                background: url("arr.jpg") no-repeat center left;

                a{  //不会继承父的样式，css反映了html标签的父子关系

                    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="">这是测试文档</a></li>

        <li><a href="">这是测试文档</a></li>

        <li><a href="">这是测试文档</a></li>

        <li><a href="">这是测试文档</a></li>

        <li><a href="">这是测试文档</a></li>

    </ul>

</div>

</body>

</html>
<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title>初见LESS</title>

    <link rel="stylesheet/less" href="style.less"/>

    <script src="less.min.js"></script>

</head>

<body>

<div class="conten">

    <ul>

        <li><a href="">这是测试文档</a></li>

        <li><a href="">这是测试文档</a></li>

        <li><a href="">这是测试文档</a></li>

        <li><a href="">这是测试文档</a></li>

        <li><a href="">这是测试文档</a></li>

    </ul>

</div>

</body>

</html>

less01的更多相关文章

  1. sqli-labs-master less01

    注:如未接触过sql注入,建议观看前期知识点文章 https://www.cnblogs.com/yyd-sun/p/12256407.html 第一关步骤 一.判断注入类型(数字/字符) (1).h ...

  2. Operating System Memory Management、Page Fault Exception、Cache Replacement Strategy Learning、LRU Algorithm

    目录 . 引言 . 页表 . 结构化内存管理 . 物理内存的管理 . SLAB分配器 . 处理器高速缓存和TLB控制 . 内存管理的概念 . 内存覆盖与内存交换 . 内存连续分配管理方式 . 内存非连 ...

  3. sqli-labs-master less02-04

    sql注入0-4关只存在注入方式的区别 第一关 ?id=1'--+ ' 第二关 ?id=1--+ 无 第三关 ?id=1')--+ ') 第四关 ?id=1")--+ ") 过程同 ...

随机推荐

  1. C/C++ Quick Sort Algorithm

    本系列文章由 @YhL_Leo 出品,转载请注明出处. 文章链接: http://blog.csdn.net/yhl_leo/article/details/50255069 快速排序算法,由C.A. ...

  2. Android动态加载字节码

    概述 面对App业务逻辑的频繁变更,如果每一次改变都对App进行一次升级,会降低App的用户体验,那么App进行模块化升级(这里与增量升级是不同的)是很好的解决方案,让用户在完全无感觉的情况下改变Ap ...

  3. leetcode第一刷_Reverse Linked List II

    翻转链表绝对是终点项目,应该掌握的,这道题要求的是翻转一个区间内的节点.做法事实上非常相似,仅仅只是要注意判定開始是头的特殊情况,这样head要更新的,还有就是要把翻转之后的尾部下一个节点保存好,要么 ...

  4. scikit-learn：3.5. Validation curves: plotting scores to evaluate models

    參考:http://scikit-learn.org/stable/modules/learning_curve.html estimator's generalization error can b ...

  5. js判断是对象还是集合

    /*============================================ 函数功能:对返回数据中的列表数据进行非空处理 ============================== ...

  6. vuejs2.0 文档

    http://vuejs.org/   vuejs2.0 英文文档 https://vuefe.cn/    vuejs2.0 中文文档

  7. crontab任务调度

    基本语法 crontab [选项] 选项: -e:    编辑crontab定时任务 -l:    查询crontab任务 -r:    删除当前用户所有的crontab任务 2)参数说明 [root ...

  8. JS的数据类型（包含:7种数据类型的介绍、数据类型的转换、数据类型的判断）

    前言 最新的 ECMAScript 标准定义了JS的 7 种数据类型,其中包括: 6 种基本类型:Boolean.Null.Undefined.Number.String.Symbol (ECMASc ...

  9. @RequestMapping[转]

    转自 http://www.cnblogs.com/qq78292959/p/3760560.html#undefined 引言: 前段时间项目中用到了RESTful模式来开发程序,但是当用POST. ...

  10. c语言中，常见数据类型的字节数

    一直记不住这个,特意mark下来 和机器字长及编译器有关系: 所以,int,long int,short int的宽度都可能随编译器而异.但有几条铁定的原则(ANSI/ISO制订的):  1 size ...