例如有这样的一个需求：

• 1~3个显示在同一行；
• 2个各占50%；
• 1个展宽100%；

li {
    width: 100%;
}

li:first-child:nth-last-child(2),
li:first-child:nth-last-child(2) ~ li {
    width: 50%;
}

li:first-child:nth-last-child(3),
li:first-child:nth-last-child(3) ~ li {
    width: 33%;
}