抛砖引玉css系列---根据父元素包含子元素的个数，实现不同的样式

*{框尺寸：边框框；}ul{宽度：100%;保证金：0；填充：0；字体大小：0；}li{保证金：0;填充：0；显示：内联块；垂直对齐：顶部；字体大小：13px；边框：1px纯红色；高度：30px；}/*ul只有一个子元素样式*/li:nth-last-child(1):first-child{width:100%;}/*ulhas2childelements*//*li:nth-last-child(2):first-child的样式，是倒数第二个元素，也是第一个元素，说明li的父元素ul有2个child元素（起到判断某个父元素下有几个子元素的作用）*/li:nth-last-child(2):first-child,/*~选择位于li:nth-last-child(2):first-child也就是第一个子元素之后的元素*/li:nth-last-child(2):first-child~li{width:calc(100%/2);}/*ul有3个子元素的样式*//*第一个元素的宽度为1/3，字体颜色为蓝色*/li:nth-last-child(3):first-child{width:calc(100%/3);颜色：蓝色；}/*nth一个元素之后的第一个元素（即具有3个子元素的ul的第三个元素）*/li:nth-last-child(3):first-child~li:nth-last-child(1){宽度:计算(100%/4);红色;}/*第一个元素之后的第一个元素（即ul的第二个元素有3个子元素）*/li:nth-last-child(3):first-child~li:nth-last-child(2){宽度:计算(100%/6);颜色：黄色；}