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

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

html css asp.net less

Html 如何在asp.net webforms中引用LESS文件？,html,css,asp.net,less,Html,Css,Asp.net,Less,我正在从事一个asp.net webforms C#项目。我创建了一个更少的文件并编译了它。当我在我的aspx文件头部分使用它作为CSS的一部分时，LESS文件中的类无法识别。我在“（property:（Value）“declaration”消息中看到“在冒号（：）之前缺少属性名” 我的LESS文件，TreeviewStyle.LESS： split-into-two{ -webkit-column-count: 2; -moz-column-count: 2; colu

我正在从事一个asp.net webforms C#项目。我创建了一个更少的文件并编译了它。当我在我的aspx文件头部分使用它作为CSS的一部分时，LESS文件中的类无法识别。我在“（property:（Value）“declaration”消息中看到“在冒号（：）之前缺少属性名”

我的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>


div>ul{
.一分为二；
}

编辑：在OP的评论之后，以下是我的答案：

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

此语法无效。我认为您试图将

.split设置为两个类，每个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" />



是源头。
请下次再做一次更彻底的研究。
编辑：在OP的评论之后，以下是我的答案：
div > ul {
    .split-into-two;
}

此语法无效。我认为您试图将.split设置为两个类，每个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" />



是源头。
请下次再做一次更彻底的研究。
不是更少的文件被编译成.css文件，然后你引用了它吗？编辑：我没有错，官方声明它确实是被编译的。不是更少的文件被编译成一个.css文件，然后你引用它吗？编辑：我没有错，官方声明它确实是编译的。事实上，我已经编译成TreeviewStyle.css，并按照您的解释引用了它。我错发了错误的代码。但我还是遇到了同样的错误好吧，我已经修改了我的答案，现在看看。嗨，Jakub，我已经添加了jQuery代码来将类添加到UL元素中。仍然无法使用TreeviewStyle.css。但是，当我在aspx页面中添加.split并将其与所有CSS值一分为二时，它会起作用。ThanksI发现了这个问题。在LESS fie中，我的类名前面没有“.”。一旦我把它放好了，它就工作得很好。正如你发布的，我已经看过你的问题了，现在它看起来很明显。。。不管怎样，很好，你成功地解决了这个问题。事实上，我已经编译成TreeviewStyle.css，并按照你的解释引用了它。我错发了错误的代码。但我还是遇到了同样的错误好吧，我已经修改了我的答案，现在看看。嗨，Jakub，我已经添加了jQuery代码来将类添加到UL元素中。仍然无法使用TreeviewStyle.css。但是，当我在aspx页面中添加.split并将其与所有CSS值一分为二时，它会起作用。ThanksI发现了这个问题。在LESS fie中，我的类名前面没有“.”。一旦我把它放好了，它就工作得很好。正如你发布的，我已经看过你的问题了，现在它看起来很明显。。。不管怎样，很好，你解决了这个问题。