html如何自动写重复的语句【实测成功】

仅作为记录，大佬请跳过。

使用aless.less

0、背景

但.html和.css没有循环语句。

1、解决

1.1 发现

发现一个网页：

是使用的循环

---

后来发现，是采用的一种新的文件.less文件（是对.css文件的扩展，比如引入循环！）

1.2 .less如何引入到.html

有两种方式（一种是.less先生成.css，在.html里引入.css；另一种是.html直接引入.less，同时引入less.min.js）（博主采用的方式二）

1.2.1 方式二

步骤：

html改名字divsd0

static中js文件夹引入less.js
static中jq文件夹引入less.min.js

static中新建less文件夹，新建aless.less文件

在showpiccellpro.html处，加入

<link rel="stylesheet/less" type="text/css" href="{% static 'less/aless.less' %}" />
<script src="{% static 'jq/less.min.js' %}" type="text/javascript"></script>

展示：

网站运行正常：

参考

感谢大佬博主文章：传送门

---

注

（less.js官方下载

）

---

1.2.2 方式一（暂未使用）

参考传送门

其他参考：传送门

---

多个.css文件引入到.html文件

在新生成.css文件后，可能会存在多个.css文件引入到.html文件（可参考博主文章传送门）