javascript - 如何为道场 Accordion 设置不同的 child 尺寸

Question

我在一个元素中使用 dojo，我有一些页面使用 dijit/layout/AccordionContainer，这个 Accordion 有 3 个或更多子容器，通常这些容器根据可用高度动态地改变它们的高度当前页面。我不得不说 Accordion 是使用 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>

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

谢谢!

Answer 1

您应该能够专门针对子 div 并为它们提供单独的属性，如下所示:

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

div:nth-child(3) 将以最后一个容器为目标。!important 子句将确保覆盖从 dojo 继承的属性。