前端黑科技集合

通过css对当前元素子元素数量进行样式调整

思路：类名叠加取"&&"的效果 -> 伪类选择器:nth-child():nth-last-child()

/* 一个按钮的情况 */
.footer .action .btn:first-child:last-child{
    ......
}

/* 两个按钮的情况 */
.footer .action .btn:first-child:nth-last-child(2),
.footer .action .btn:nth-child(2):last-child
{
  ......
}

/* 四个及以上按钮的情况 */
.footer .action .btn:first-child:nth-last-child(4),
.footer .action .btn:first-child:nth-last-child(4) ~ .btn,
.footer .action .btn:first-child:nth-last-child(n+4),
.footer .action .btn:first-child:nth-last-child(n+4) ~ .btn
{
  ......
}