如何为dojo手风琴设置不同的子尺寸

Question

我正在使用dojo进行项目，我有一些页面，我使用dijit / layout / AccordionContainer，这个手风琴有3个子容器或更多，通常这些容器根据可用的高度动态地改变它们的高度在当前页面上。我不得不说手风琴是使用dojo文档中的声明性示例生成的。

但有时我只需要一个Accordion容器比其他容器大。

例如：我需要最后一个容器（名字也是这个）比其他容器大......

我的实现很简单，我使用了文档示例：

<div class="hook" style="width: 300px;">
<div class="hook" data-dojo-type="dijit/layout/AccordionContainer">
    <div data-dojo-type="dijit/layout/ContentPane" title="Heeh, this is a content pane">
        Hi!
    </div>
    <div data-dojo-type="dijit/layout/ContentPane" title="This is as well" selected="true">
        Hi how are you?
    </div>
    <div data-dojo-type="dijit/layout/ContentPane" title="This too">
        Hi how are you? .....Great, thx
    </div>
</div>

然后使用类钩子我只添加页面可用高度，并且dojo使所有容器都相等。

TNX！

Answer 1

你应该能够专门针对儿童div并给他们分开这样的属性：

hook > div:nth-child(3){
 height: 300px !important;
}

div：nth-​​child（3）将定位最后一个容器。 ！important子句将确保覆盖dojo的继承属性。