Se eu tiver vários elementos de bloco embutido em uma linha, desejo poder estilizar os elementos que foram agrupados na próxima linha de maneira diferente.

por exemplo.

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

Então, quando a largura do navegador <1000, o segundo filho<div> pode ter um estilo diferente.

Eu sei que posso fazer isso em js, mas estou tentando evitá-lo. Também sei que posso usar consultas de mídia, mas estou preocupado que o limite de largura mínima não seja exatamente o mesmo de quando o<div>'s wrap (não sei o tamanho exato).