文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在asp.net webforms中引用较少的文件？

问如何在asp.net webforms中引用较少的文件？
EN

Stack Overflow用户

提问于 2016-10-10 19:52:11

回答 1查看 821关注 0票数 1

我正在从事一个asp.net webforms C#项目。我创建了一个较少的文件并进行了编译。当我在我的aspx文件头部分中使用它作为CSS的一部分时，将无法识别更少文件中的类。在(属性)：(值)“声明”消息中，我看到“冒号(:)之前缺少的属性名称”。

我的较少文件，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>

html

css

asp.net

less

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-10-10 20:00:43

编辑：在OP的评论之后，这里是我的答案：

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

此语法无效。我认为您试图将.split-into-two类设置为嵌套在div中的每个ul元素，但是您不能通过css实现这一点。您要么必须手动将类应用于模板中的每个ul，要么使用jQuery (或其他类似的东西)从JavaScript代码中执行此操作，或者修改较少的文件以获得此结果：

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" />

这里是来源。请下次做更彻底的研究。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/39965752

复制

相似问题

问如何在asp.net webforms中引用较少的文件？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在asp.net webforms中引用较少的文件？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在asp.net webforms中引用较少的文件？
EN