CSS determines the number of child elements

This time to bring you a CSS to determine the number of child elements, CSS to determine the number of child elements of attention to what, the following is the actual case, together to see.

Work encountered such a problem: according to the number of child elements contained in an element, set different styles, this with JS can be solved, but personally think that the CSS solution may be simpler. This has just deepened my understanding and use of CSS selectors.
The demo is as follows:

As follows

The complete code is as follows:

<!            DOCTYPE html>
Believe that you have read the case of this article you have mastered the method, more exciting please pay attention to the PHP Chinese network other related articles!

Recommended reading:

How to realize the caterpillar crawling animation

Canvas animation for rotating Tai Chi