單獨一個元素的選擇器？

當我們調整窗口大小，並且其中一個flex項目換行時，我們將每個元素放在它自己的行上。

像:when-alone-in-row這樣的選擇器嗎？

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

來源

2016-09-26 Vanyatwo

不，沒有。 –

您可能能夠得到類似於您使用CSS媒體查詢所要求的內容 –

*顯示*您的HTML，請勿向我們描述;在大多數情況下，語言過於模糊以充分描述結構。請參閱：「* [MCVE] *」（和「* [問] *」）準則。 –

不，沒有類似於:when-alone-in-row的選擇器。

但是，當您想要從一組兄弟中選擇第一個和最後一個元素（因爲您只處理兩個彈性項目，這裏就是這種情況），所以可以使用:first-child和:last-child僞類。

當然，即使這兩個項目在同一行上，這些選擇器應用的樣式也會起作用，除非它們應用於媒體查詢中。

來源

2016-09-26 14:02:03

當flex-wrap工作時 - 它知道項目的寬度並知道何時包裝，以及每個元素包裝位置的狀態。我想使用這些知識:) 使用：first-child /：last-child /：nth-child將作爲查詢的「後端」解決方案（他們不知道有多少內容在元素中）而不知道客戶端響應佈局，它是「硬編碼」，現在我想要最大限度的響應代碼。 – Vanyatwo

那麼你可能不得不使用JavaScript。 –

我更喜歡使用清晰的CSS ... flex再次像顯示：垃圾箱和其他「好」的解決方案：（ – Vanyatwo

如果它總是在相同的屏幕尺寸下摺疊，則可以使用媒體查詢來調整它們在自己的行上時的樣式。

如果不是，則可能還需要使用媒體查詢進行摺疊，以便您可以更好地控制行/列。

來源

2016-09-26 15:03:23 JakeSidSmith

試圖做出響應內容獨立代碼，查詢只適用於設備依賴代碼 – Vanyatwo

啊，好吧。對不起，我忍不住了。 – JakeSidSmith

單獨一個元素的選擇器？

回答

相關問題