Question

我想在DNN中将一个布局文件用于三页。每个页面都有独特的样式（css）。这些页面中的大多数div /部分使用class代替id。问题：在某些情况下，这些类适用于父级div / section，其子级可编辑。例如：

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

如您所见，特殊行中有容器。现在说我有另一个使用相同布局的页面，除了特殊行外，我需要添加anothe类，我该怎么做。如果我创建另一个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选择器中，例如： / p>

第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文件。

如何在DNN中的每一页使用CSS的多页使用一种布局？

1 个答案: