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

Question

当我不使用内页样式时，无点样式* 完美运行。但是，当我使用内页样式（没有其他改变）时，内页样式有效，但无点样式不再有效。这是一个错误，还是有解决方案？

*我所说的“无点样式”是页面引用的 .less 文件的样式。

内页样式：

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

无点文件参考：

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

score 0 · Accepted Answer

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

既然你说它们中只有一个可以同时工作，我假设它们是相互覆盖的。

就像如果您在 less 文件中有完全相同的 css 类，然后在页面上添加样式标记，您可能会覆盖文件中的 css 类（取决于文件 ofc 中的标记）。这可能会产生一种错觉，即 less 文件中的 css 类已停止工作。

我建议你在 less 文件中使用 id 或类似的东西来限定 css 类，以赋予它更多的特异性，看看会发生什么。否则，您应该显示来自 less 文件的一些内容和页面的一些 HTML 标记。

1 回答 1