HTML and CSS Reference
In-Depth Information
FIGURE 7.10
Va r y i n g t h e
display order of the child
elements using
order
.
In the preceding code you are putting the first
<article>
into ordinal groupĀ 1.
But the default ordinal group is 0; therefore, all the other elements will appear
before it in their natural source order. If you want to make the fourth
<article>
appear first inside the flexbox, you could use the following:
article {
.
: ;
}
article:nth-of-type(2) {
: ;
}
See
Figure 7.10
for the result.