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

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

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

Есть ли какой-либо селектор, как :when-alone-in-row?

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

источник

2016-09-26 Vanyatwo

Нет, нет. –

Возможно, вы сможете получить что-то похожее на то, что вы спрашиваете, с помощью запросов в формате CSS –

* Показать * свой HTML-код, не описывайте его нам; В большинстве случаев язык слишком неоднозначен, чтобы адекватно описать структуру. См. Рекомендации «* [MCVE] *» (и «* [ask] *»). –

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

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

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

источник

2016-09-26 14:02:03

Когда flex-wrap работает - он знает ширину элементов и знает, когда они обертываются, и статус позиции обтекания каждого элемента. Я хочу использовать это знание :) Использование: first-child /: last-child /: nth-child будет «backend» решением в качестве запросов (они не знают, сколько контента в элементе), не зная о реакции клиента макет, это «жесткий код», на данный момент я хочу максимально реагировать на код. – Vanyatwo

Хорошо, тогда вам, возможно, придется использовать JavaScript. –

Я предпочитаю использовать чистый CSS ... flex снова идет, как дисплей: таблица и другие «хорошие» решения :( – Vanyatwo

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

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

источник

2016-09-26 15:03:23 JakeSidSmith

пытается сделать отзывчивый код независимости от контента, запросы хороши только для кода зависимости устройства – Vanyatwo

Ах, хорошо. Извините, я не мог больше помочь. – JakeSidSmith

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

ответ

Смежные вопросы