Para resolver el problema de apilar los márgenes de múltiples selectores, o el problema de espacio entre múltiples componentes, como listas, navegación, etc., se utiliza el selector búho *+* para resolver el problema, de la siguiente manera:
*+*, el comienzo es un selector universal *, + es un combinador adyacente y el último * es otro selector universal. Selecciona el elemento que no es el primero en la página que tiene el mismo padre. Cada elemento de la barra lateral puede estar espaciados equidistantemente.
body * + *{
margin-top:1.5em;
}
El código anterior establece globalmente el espacio entre elementos apilados.
El siguiente es un ejemplo de demostración específico.
https://codepen.io/AllThingsSmitty/pen/gMRvWq https://codepen.io/AllThingsSmitty/pen/gMRvWq Habilidades profesionales de CSS - "Habilidades profesionales de CSS" - BookStack.com · Habilidades profesionales de CSS de BookStack para ayudarte a mejorar tu CSS recopilación de habilidades. https://www.bookstack.cn/read/css-protips-zh/css.md Agregue una URL para otras técnicas CSS. El código de prueba en línea del siguiente sitio web es más fácil de usar.