J'essaie de positionner un li
imbriqué (ul li ul li
) sur une grille CSS créée sur le ul
le plus haut. Pas encore d'amour (ça ne marche pas). Peut-être que ce n'est pas possible, ou qu'il me manque quelque chose?Les propriétés de grille ne fonctionnent pas sur les éléments à l'intérieur du conteneur de la grille
#orgChart ul.orgChartLevel1 {
display: grid;
grid-template-columns: 12px auto;
grid-template-rows: 100px auto auto;
grid-row-gap: 30px;
}
#orgChart li.orgChartLevel2b {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
}
<ul class="orgChartLevel1">
<li class="orgChartLevel1a">
<ul class="orgChartLevel2">
<li class="orgChartLevel2b">
</li>
</ul>
</li>
</ul>
Demi-succès! Tous les navigateurs ont aimé l'approche des grilles imbriquées (li.orgChartLevel1a devient une grille). Maintenant, pour ces règles old-spec embêtantes et les préfixes -ms- pour Edge ... –