Селектор для одного элемента подряд?

У нас есть гибкий контейнер с 2 дочерними элементами.

Когда мы изменяем размер окна и один из обложек гибких элементов, у нас есть каждый элемент в своей строке.

Это какой-нибудь селектор, например :when-alone-in-row?

.flex-parent {flex-flow: row wrap}
    .flex-child
    .flex-child

Ответ 1

Нет, селектор не похож на :when-alone-in-row.

Однако, если вы хотите выбрать первый и последний элементы из группы братьев и сестер (что будет иметь место здесь, так как вы имеете дело только с двумя элементами гибкости), вы можете использовать :first-child и :last-child псевдоклассы.

Конечно, стили, применяемые этими селекторами, будут работать, даже если оба элемента находятся в одной строке, если они не применяются в запросе на медиа.

Ответ 2

Если он всегда сжимается с одинаковым размером экрана, вы можете использовать медиа-запросы для настройки стилей, когда они находятся в их собственной строке.

Если нет, возможно, также стоит использовать медиа-запросы для свертывания, поэтому вы можете лучше управлять своими строками/столбцами.