Si tengo esta lista de elementos, y quiero ocultar únicamente el primero, con CSS sería así:
li{
background: yellow;
border: 1px solid;
margin: 10px;
display: block;
}
li:first-child {
display: none;
}
<li><a href="#">PRIMERO</a></li>
<li><a href="#">SEGUNDO</a></li>
<li><a href="#">TERCERO</a></li>
El problema se da cuando la lista es dinámica: podrían ser 0, 1, 2 o más elementos, en mi front no tengo cómo contarlos.
li{
background: yellow;
border: 1px solid;
margin: 10px;
display: block;
}
li:first-child {
display: none;
}
<li><a href="#">UNICO</a></li>
Cómo logro con javascript crear una condicional CSS? Que solo aplique first:child si hay más de 1 elemento, sino el display sería block.
<li></li>
antes del primero que voy a agregar, y así son dos, y en cambio, si ya tiene, le quito el primero si esta vacio, pues será que lo puse yo antes... no se si me explico. Así no cambio nada del CSS.