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.
Search WWH ::

Custom Search