Cómo establecer un tamaño de niño diferente a acordeón de dojo - javascript, html, css, dojo

Estoy usando dojo para un proyecto, y tengo algunospáginas en las que uso dijit / layout / AccordionContainer, estos acordeones tienen 3 contenedores secundarios o más, por lo general, esos contenedores cambian su altura de forma dinámica según la altura disponible en la página actual. Debo decir que el acordeón se generó usando un ejemplo declarativo de los documentos del dojo.

Pero a veces solo necesito un contenedor de Acordeón para ser más grande que el resto.

Por ejemplo: necesito que el último contenedor (llamado: esto también) sea más grande que los otros dos ...

Mi implementación es simple, usé el ejemplo de documentos:

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

Luego, utilizando el gancho de clase, solo agrego la altura disponible de la página, y el dojo iguala todos los contenedores.

Tnx!

Respuestas

Debería poder apuntar específicamente a los divs secundarios y darles propiedades separadas como esta:

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

div: nth-child (3) apuntará al último contenedor. La cláusula importante se asegurará de sobrescribir la propiedad heredada del dojo.