Question

我正在开发一个asp.net webforms C＃项目。我创建了一个LESS文件并进行了编译。当我在我的aspx文件头部分中将它用作CSS的一部分时，无法识别LESS文件中的类。我在“（Property）:( Value）”声明“消息中看到”在冒号（:)之前缺少属性名称。

我的LESS文件，TreeviewStyle.less：

split-into-two{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    column-gap: 50px;
    -moz-column-gap: 50px;
}

body {
}

我的aspx文件

<head runat="server">
<title></title>

<link href="TreeviewStyle.css" rel="stylesheet" />
<style type="text/css">

     div > ul {
         .split-into-two;
     }
</style>
</head>

Answer 1

编辑：OP发表评论后，这是我的回答：

div > ul {
    .split-into-two;
}

此语法无效。我认为您尝试将.split-into-two类设置为嵌套在ul中的每个div元素，但您无法通过css执行此操作。您必须手动将类应用于模板中的每个ul，使用jQuery（或类似的东西）类似于从JavaScript代码执行此操作，或修改less文件以获得此结果：

div > ul, .split-into-two{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    column-gap: 50px;
    -moz-column-gap: 50px;
}

为了保持一致性而保留旧部分：

您无法直接引用.less文件。

首先，您必须使用lessc命令行工具编译它：

$ lessc TreeviewStyle.less TreeviewStyle.css

然后，您更改.apsx文件以包含已编译的css文件：

<link href="TreeviewStyle.css" rel="stylesheet" />

Here是来源。请在下次做更深入的研究。

如何在asp.net webforms中引用LESS文件？

1 个答案: