<!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. 数人云CTO解读Docker 1.12和金融业容器化

    7月29日 数人云 在上海举办金融沙龙,邀请上交所和近二十家来自银行.保险.证券的IT技术专家一同探讨容器技术在金融业中的最佳实践.数人云CTO肖德时在会上将传统金融行业通过容器可以解决的四大问题做了 ...

  2. linux内核（一）基础知识

    1,linux内核的基础知识 1.1 linux内核版本 从内核源码顶层目录Makefile中可以看到: VERSION和PATCHLEVEL组成主版本号,比如2.4.2.5.2.6等,稳定版本的德主 ...

  3. servlet修改后无效，仍然还是修改之前的效果

    注意servlet的路径是否正确,默认是java resources文件夹中的src.当在webcontent->web-inf->classses->data中时,注意添加路径.否 ...

  4. kentico version history and upgrade

    Version history Kentico 10: November 30, 2016 Kentico 9: November 24, 2015 Kentico 8.2: January 6, 2 ...

  5. java语言体系的技术简介之JSP、Servlet、JDBC、JavaBean(Application)

    转自:https://zhangkunnan.iteye.com/blog/2040462 前言 Java语言 Java语言体系比较庞大,包括多个模块.从WEB项目应用角度讲有JSP.Servlet. ...

  6. Linux就该这么学 20181003(第四章Vim/shell/测试条件)

    参考链接https://www.linuxprobe.com/ vim文本编辑器 命令模式:控制光标移动,可对文本进行复制,黏贴,删除和查找工作 输入模式:正常的文本录入 末行模式:保存或退出文档,以 ...

  7. Python一行代码获得IP地址

    比较靠谱的方法, 通过构造UDP包获得本机IP地址   python -c "import socket;print([(s.connect(('8.8.8.8', 53)), s.gets ...

  8. Nashorn——在JDK 8中融合Java与JavaScript之力--转

    原文地址:http://www.infoq.com/cn/articles/nashorn 从JDK 6开始,Java就已经捆绑了JavaScript引擎,该引擎基于Mozilla的Rhino.该特性 ...

  9. ARM的六大类指令集---LDR、LDRB、LDRH、LDM、STR、STRB、STRH、STM

    http://blog.csdn.net/u013477200/article/details/50723555

  10. Site Isolation Design Document

    This design document covers technical information about how Site Isolation is built.  For a general ...