首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在DNN中为多个页面使用一个带有css的布局?

如何在DNN中为多个页面使用一个带有css的布局?
EN

Stack Overflow用户
提问于 2018-10-26 06:31:47
回答 1查看 89关注 0票数 0

我想使用DNN中的一个布局文件进行三页。每个页面都有独特的样式(Css)。而且这些页面中的大部分div/节使用的是类而不是id。问题:在某些情况下,类被应用到父div/节,并且它们的子类是可编辑的。例:

代码语言:javascript
运行
复制
<div class="special-row">
<div id="div1" class="special-col" runat="server"/>
<div id="div2" class="special-col" runat="server"/>
</div>

正如你所看到的,在特殊行里面有容器。现在假设我有另一个页面使用相同的布局,除了特殊行之外,我还需要添加another,我应该如何做到这一点。如果我创建另一个div,例如:

代码语言:javascript
运行
复制
<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选择器中:

Page1:

代码语言:javascript
运行
复制
<div id="specialDiv" class="special-row">
    <div id="div1" class="special-col" runat="server"/>
    <div id="div2" class="special-col" runat="server"/>
 </div>

第1.css页:

代码语言:javascript
运行
复制
#specialDiv{
// code of special-row
}

Page2:

代码语言:javascript
运行
复制
<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>

第2.css页:

代码语言:javascript
运行
复制
#specialDiv{
// code of special-row
// code of very-special-row
}

另外,请注意,我不能做特殊行的集装箱.是否有一种方法可以将css应用于父div/节?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-10-27 15:05:28

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

使用skin.css (在“皮肤”文件夹中)处理应用于使用该外观的任何页面的样式。

您可以使用css文件的容器,特别的容器获得特殊的css文件。

而且,如前所述,您可以向每个页面应用一个特殊的css文件。

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

https://stackoverflow.com/questions/53002762

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档