如何为道场手风琴设置不同的儿童尺寸

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>

然后使用 class 挂钩我只需添加页面可用高度，dojo 使所有容器都相等。

谢谢！

Answer 1

您应该能够专门针对 child div 并赋予它们单独的属性，如下所示：

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

div:nth-child(3) 将针对最后一个容器。 !important 子句将确保覆盖继承自 dojo 的属性。

如何为道场手风琴设置不同的儿童尺寸

How to set a different child size to dojo accordion

html

javascript

css

dojo