css中选中前n个子元素和后n个子元素
html:
css代码:
/*选中前5个元素*/ .box>div:nth-child(-n+5){ background-color: red; } /*选中后5个元素*/ .box>div:nth-last-child(-n+5){ background-color: green; }
此时的效果是:
另一种情况:
css代码:
此时的效果是:
html:
css代码:
/*选中前5个元素*/ .box>div:nth-child(-n+5){ background-color: red; } /*选中后5个元素*/ .box>div:nth-last-child(-n+5){ background-color: green; }
此时的效果是:
另一种情况:
css代码:
此时的效果是: