Si tengo una serie de elementos de bloque en línea en una línea, quiero poder diseñar los elementos que se han ajustado a la siguiente línea de manera diferente.

p.ej.

<div class='wrapper'>
    <div style='display: inline-block; width: 500px'>...</div>
    <div style='display: inline-block; width: 500px'>...</div>
</div>

Entonces, cuando el ancho del navegador <1000, el segundo hijo<div> Puede tener un estilo diferente.

Sé que puedo hacerlo en js, pero estoy tratando de evitarlo. También sé que puedo usar consultas de medios, pero me preocupa que el corte de ancho mínimo no sea exactamente el mismo que cuando<div>'s wrap (no sé sus tamaños exactos).