How to stretch only one block using flexbox?

Question

Flexbox

There is a code:



With align-items: stretch; li elements are stretched to full height.
How can I stretch only one of the li elements using flexbox? (without using pseudo-classes).

I believe that there is no way without pseudo-classes. And my opinion is that the simplest and most correct is to use align-self for the desired element. What do you think?

Answer 1

Without the use of pseudo-classes in any way, or set a unique selector.