¿Cómo puedo hacer que el borde vertical en este alto en el último elemento?Renderizar lista anidada como un árbol
Puede ser compatible con el navegador CSS3/moderno solamente. Pero necesita trabajar en varios fondos (es decir, ser transparente).
De esta:
A esto:
He resuelto esto a través de modificaciones a la CSS en este violín:
Usted puede seleccionar el último elemento de la lista mediante el uso de la pseudo-clase CSS :last-child como esto :
ul li:last-child {
height: 0.7em;
}
La configuración de su altura a 0.7em pareció funcionar para mí, cortando la cola en el borde izquierdo. Agregué algunos más grupos anidados en mi violín para mostrar que funcionará incluso cuando el contenido cambie y se agreguen más grupos anidados.
Casi funciona, pero no en este caso http://jsfiddle.net/sC5pc/4/ – Petah
Generalmente es una buena idea proporcionar algo más de información que solo un enlace. Debe incluir en su respuesta las modificaciones que realizó en el código original para que funcione, y por qué hizo lo que hizo para que la gente pueda aprender de ello. – sachleen
Gracias logré que esto funcionara – Petah