Как использовать один макет для нескольких страниц с CSS для каждой страницы в DNN? - PullRequest
Новая
       8

Как использовать один макет для нескольких страниц с CSS для каждой страницы в DNN?

0 голосов
/ 26 октября 2018

Я хочу использовать один файл макета в DNN для трех страниц.Каждая страница имеет уникальный стиль (CSS).И большинство разделов / разделов на этих страницах используют класс вместо id.Проблема: в некоторых случаях классы применяются к родительским элементам div / section, а их дочерние элементы становятся редактируемыми.Например: 

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

Как видите, в специальном ряду есть контейнеры.Теперь скажите, что у меня есть другая страница, использующая тот же макет, и мне нужно добавить другой класс, кроме special-row, как мне это сделать.Если я создаю еще один 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 для каждой страницы, скопировать код всех необходимых классов и вставить его в селектор идентификаторов, например:

Page1: 

<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
}

Page2: 

<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?

1 Ответ

0 голосов
/ 27 октября 2018

Вы можете использовать CSS-файл, специфичный для данной страницы. Вы можете указать файлы css страницы в настройках страницы для каждой страницы.

Используйте skin.css (в папке скина) для стилей, которые применяются к любой странице, использующей этот скин.

Вы можете использовать CSS-файлы для контейнеров, а специальные контейнеры получают специальные CSS-файлы.

И, как упоминалось выше, вы можете применить специальный файл CSS к каждой странице.

...