<!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. codevs——T2488 绿豆蛙的归宿

    http://codevs.cn/problem/2488/  时间限制: 1 s  空间限制: 64000 KB  题目等级 : 黄金 Gold 题解  查看运行结果     题目描述 Descri ...

  2. HDU 4339 Contest 4

    树状数组,主要是抓住要求连续1的个数.这样,初始时,相同的加1,不同的加0. 查询时,用二分搜索右边界.就是比较当前mid-l+1的值与他们之间1的个数(这可以通过树状数组求区间和得出),记录右边界即 ...

  3. MySQL5.7 的 错误堆栈缓冲

    什么是错误缓冲堆栈呢? 举个非常简单的样例,比方运行以下一条语句:mysql> INSERT INTO t_datetime VALUES(2,'4','5');ERROR 1292 (2200 ...

  4. PyQt: LineEdit的智能输入提示

    使用的的类是QtGui.QCompleter from PyQt4 import QtGui,QtCore str = QtCore.QStringList(['a','air','airbus']) ...

  5. Java 实现适配器(Adapter)模式

    平时我们会常常碰到这种情况,有了两个现成的类,它们之间没有什么联系.可是我们如今既想用当中一个类的方法.同一时候也想用另外一个类的方法.有一个解决方法是.改动它们各自的接口.可是这是我们最不愿意看到的 ...

  6. JDBC创建mysql连接池代码

    1.底层实现类(DBConnection) package JDBC.JDBCPool.MyJDBCPool; import java.sql.Connection; import java.sql. ...

  7. codeblocks开源的c、c++编译器，小巧方便

    1.下载带gun的版本 2.设置编译的位置 3.创建项目 4.执行项目 有意思的开源的c编译器 ~~~

  8. hdoj--1016--Prime Ring Problem（递归回溯）

    Prime Ring Problem                                                                             Time ...

  9. 正睿NOIP赠送附加赛1

    T1:math 题目链接: http://zhengruioi.com/contest/156/problem/471 题解: 先讲讲我的乱搞做法.对于前面70%,我跑了背包.因为背包有后效性...我 ...

  10. Linux安装软件的几种方式

    Linux下软件安装的方式主要有源码安装,rpm安装,yum安装,而常用的安装包主要有以下三种: tar包:例如software-1.2.3-1.tar.gz.它是使用UNIX系统的打包工具tar打包 ...