css - 如何在 DNN 中为每个页面使用 css 为多个页面使用一个布局？

Question

我想在 DNN 中为三个页面使用一个布局文件。每个页面都有独特的样式(css)。这些页面中的大多数 div/部分使用类而不是 id。问题:在某些情况下，这些类应用于父级 div/部分，并且它们的子级可编辑。例如:

<div class="special-row">
<div id="div1" class="special-col" runat="server"/>
<div id="div2" class="special-col" runat="server"/>
</div>

如您所见，特殊行内有容器。现在说我有另一个页面使用相同的布局，我需要添加除特殊行之外的另一个类，我应该怎么做。如果我创建另一个 div，例如:，

<div class="special-row">
<div id="div1" class="special-col" runat="server"/>
<div id="div2" class="special-col" runat="server"/>
</div>
<div class="special-row very-special-row">
<div id="div1" class="special-col" runat="server"/>
<div id="div2" class="special-col" runat="server"/>
</div>

我正在对布局进行硬编码，这不是模板/布局最初应该使用的方式。由于我不能添加 css 类(也不想)，我能想到的唯一方法是为每个页面创建 css 文件，复制所有必需类的代码并将其粘贴到 id 选择器中，例如:

第 1 页:

<div id="specialDiv" class="special-row">
    <div id="div1" class="special-col" runat="server"/>
    <div id="div2" class="special-col" runat="server"/>
 </div>

page1.css:

#specialDiv{
// code of special-row
}

第 2 页:

<div id="specialDiv" class="special-row very-special-row">
    <div id="div1" class="special-col" runat="server"/>
    <div id="div2" class="special-col" runat="server"/>
 </div>

page2.css:

#specialDiv{
// code of special-row
// code of very-special-row
}

另请注意，我无法将特殊行设为 dnn 容器。有没有一种方法可以将 css 应用于父 div/section ？

Answer 1

您可以使用特定于页面的 css 文件。您可以在每个页面的页面设置下指定一个页面 css 文件。

将 skin.css(在您的皮肤文件夹中)用于适用于使用该皮肤的任何页面的样式。

您可以为容器使用 css 文件，特殊容器获取特殊 css 文件。

而且，如上所述，您可以为每个页面应用一个特殊的 css 文件。