<!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. Ubuntu 15.10 安装Qt5.5.1

    本系列文章由 @YhL_Leo 出品,转载请注明出处. 文章链接: http://blog.csdn.net/yhl_leo/article/details/50300447 本人使用的ubuntu系 ...

  2. 楼宇自控-RS232\RS485\RS422

    1.rs-232-c rs-232-c是美国电子工业协会eia(electronic industry association)制定的一种串行物理接口标准.rs是英文"推荐标准"的 ...

  3. Nginx +Tomcat 实现动静态分离(转)

    Nginx +Tomcat 实现动静态分离 动静态分离就是Nginx处理客户端的请求的静态页面(html页面)或者图片,Tomcat处理客户端请求的动态页面(jsp页面),因为Nginx处理的静态页面 ...

  4. 对苹果“五仁”编程语言Swift的简单分析

    对苹果"五仁"编程语言Swift的简单分析 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvUHJvdGVhcw==/font/5a6L5 ...

  5. （转）<![CDATA[]]>和转义字符

    被<![CDATA[]]>这个标记所包含的内容将表示为纯文本,比如<![CDATA[<]]>表示文本内容“<”. 此标记用于xml文档中,我们先来看看使用转义符的情 ...

  6. HDU 1051： Wooden Sticks（贪心）

    Wooden Sticks Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others) To ...

  7. Darwin流媒体server在windows下搭建

    简单介绍 主页:   http://dss.macosforge.org/ Darwin Streaming Server (DSS) is an open sourceproject intende ...

  8. c++:数据类型的推断type_traits

    //推断左值右值引用 void main() { int i(10);//i是左值 有内存实体 int &ri(i); int &&rri(i + 5);//右值引用 cout ...

  9. [jzoj 6087] [GDOI2019模拟2019.3.26] 获取名额 解题报告 (泰勒展开+RMQ+精度)

    题目链接: https://jzoj.net/senior/#main/show/6087 题目: 题解: 只需要统计$\prod_{i=l}^r (1-\frac{a_i}{x})$ =$exp(\ ...

  10. 中文版 ImageNet Classification with Deep Convolutional Neural Networks

    ImageNet Classification with Deep Convolutional Neural Networks 摘要 我们训练了一个大型深度卷积神经网络来将ImageNet LSVRC ...