<!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. linux内核（三）文件系统

    1.为什么需要根文件系统 (1)init进程的应用程序在根文件系统上(2)根文件系统提供了根目录/(3)内核启动后的应用层配置(etc目录)在根文件系统上.几乎可以认为:发行版=内核+rootfs(4 ...

  2. ASP.NET-前台view返回model集合

    有时操作列表的时候想一次提交一个model集合,这样后台controller直接接受后就可以直接进行操作了,不用使用js,比较方便,也体现了MVC的Binding模式的优势,方法如下: 准备: 1.两 ...

  3. Shuttle ESB实现消息推送

    ESB全称Enterprise Service Bus,即企业服务总线.它是传统中间件技术与XML.Web服务等技术结合的产物. ESB的出现改变了传统的软件架构,能够提供比传统中间件产品更为便宜的解 ...

  4. xcode5.1生成framework，支持arm64报错

    错误例如以下: ld: Assertion failed: (_machoSection != 0), function machoSection, file /SourceCache/ld64/ld ...

  5. Keil5.15版本号

    Keil5.15下载地址 http://pan.baidu.com/s/1kT6AGvX Keil5.15软件补丁下载地址 http://www.keil.com/dd2/pack/ Keil5.15 ...

  6. JAVA性能优化的五种方式

    一,JAVA性能优化之设计优化 设计优化处于性能优化手段的上层.它往往须要在软件开发之前进行.在软件开发之前,系统架构师应该就评估系统可能存在的各种潜在问题和技术难点,并给出合理的设计方案,因为软件设 ...

  7. QT中|Qt::Tool类型窗口自动退出消息循环问题解决（setQuitOnLastWindowClosed必须设置为false，最后一个窗口不显示的时候，程序会退出消息循环）

    为application 设置setQuitOnLastWindowClosed属性,确实为true: 将其显示为false; 退出该应该程序不能调用QDialog的close消息槽,只能调用qApp ...

  8. 使用Swing组件编写一个支持中文文本编辑程序ChineseTextEdit.java

      import javax.swing.*; import java.awt.*; import java.awt.event.*; import java.io.*; public class C ...

  9. .map(function(item)...)这个是按hashcode自动遍历的，怎么才能按照我想要的顺序遍历呢？

    上图是我前端的遍历代码.我的item上有一个name的字段,分别是营业执照,税务登记证和经营许可证,我怎么设置才能让函数每次遍历的时候按照这个顺序遍历,而不是item自带的顺序呢? .map(func ...

  10. Win10运行在哪里，Win10的运行怎么打开

    方法/步骤 1 唯一的方法是同时按下WIN+X键组合,如下图所示 步骤阅读 2 在弹出菜单可以看到运行了!如下图所示 步骤阅读 3 运行对话框出来了,如下图所示 步骤阅读 4 还有一个方法,点击桌面左 ...