内页css取消asp .net mvc中无点引用的效果

时间:2012-11-19 19:41:05

标签: css asp.net-mvc dotless

当我不使用内页样式时,无点样式*完美地运作。 但是,当我使用内页样式(没有其他更改)时,内页样式可以工作,但无点样式不再起作用。这是一个错误,还是有解决方案?

*我对“无点样式”的含义是页面引用的.less文件的样式。

内页样式

<style type="text/css">
        .detailRow {
            border: 1px solid burlywood;
        }
</style>

无点文件参考

<link href="@Url.Content("~/_Stil/Ortak/TableFormat.less")" rel="stylesheet" type="text/css" />

1 个答案:

答案 0 :(得分:0)

由于引用的无点文件中的css在没有页面样式的情况下工作正常,然后在添加样式标记后它停止工作我必须做一些假设..

因为你说只有其中一个可以同时工作,我认为它们相互重叠。

如果你的less文件中有完全相同的css类,然后在页面上添加样式标记,则可能会覆盖文件中的css类(取决于文件ofc中的标记)。这可能会产生错误,即less文件中的css类已停止工作。

我建议您使用id或类似的东西将css类放在less文件中,以使其更具体,并查看会发生什么。否则,您应该从较少的文件和页面的一些HTML标记中显示一些内容。