css - que - Selector de un elemento solo en una fila?
selector padre css (2)
Esta pregunta ya tiene una respuesta aquí:
Tenemos contenedor flexible con 2 elementos secundarios.
Cuando cambiamos el tamaño de la ventana y una de flex wraps de elementos, tenemos cada elemento en su propia fila.
¿Hay algún selector como :when-alone-in-row ?
.flex-parent {flex-flow: row wrap}
.flex-child
.flex-child
No, no hay un selector similar a :when-alone-in-row .
Sin embargo, cuando desee seleccionar el primer y último elemento de un grupo de hermanos (que sería el caso aquí, ya que está tratando con solo dos elementos flexibles), puede usar los pseudo :first-child y :last-child clases
Por supuesto, los estilos aplicados por estos selectores funcionarán incluso cuando ambos elementos estén en la misma línea, a menos que se apliquen en una consulta de medios.
Si siempre colapsa con el mismo tamaño de pantalla, puede usar consultas de medios para ajustar los estilos cuando están en su propia fila.
De lo contrario, también podría valer la pena utilizar las consultas de medios para el colapso, para que pueda controlar mejor sus filas / columnas.