我正在尝试使用LESS,但即使跟随教程,页面也无法呈现。以前我在body class =“”标签中有几十个不同的类,但为了清洁起见,我想用LESS将它封装在一个类中。
它尚未加载到Chrome,Safari或Firefox中
我在.LESS文件中使用的所有类都包含在.CSS
的index.html:
<head>
<link rel="stylesheet" type="text/css" href="./index_files/site.css">
<link rel="stylesheet/less" type="text/css" href="./index_files/site.less"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/less.js/3.0.0/less.min.js">
</script>
</head>
<body class="main_body">
...
</body>
site.LESS:
@import (less) "site.css";
main_body {
.site-spacing-custom;
.site-outer-padding-large;
.site-alignment-center;
.tweak-site-ajax-loading-enable;
.ancillary-header-full-width;
.tweak-header-cart-style-text;
.show-site-footer;
}