Если у меня есть несколько элементов inline-block в строке, я хочу иметь возможность по-разному стилизовать элементы, перенесенные на следующую строку.

например

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

Итак, когда ширина браузера <1000, второй дочерний элемент<div> может иметь разные стили.

Я знаю, что могу сделать это в JS, но я пытаюсь избежать этого. Я также знаю, что могу использовать медиа-запросы, но меня беспокоит, что отсечка минимальной ширины может не совпадать с<div>обернуть (я не знаю их точных размеров).