css选择器常用技巧
:not选择器
/* 排除第一个li 给其他的li加样式 */ ul>li:not(:first-child){border-top: 1px solid #000;} /* 排除最后一个li */ ul>li:not(:last-child){color:red} /* not连续使用 排除第一个和最后一个li */ ul>li:not(:nth-child(1)):not(:nth-last-child(1)){color:blue}
:not选择器
/* 排除第一个li 给其他的li加样式 */ ul>li:not(:first-child){border-top: 1px solid #000;} /* 排除最后一个li */ ul>li:not(:last-child){color:red} /* not连续使用 排除第一个和最后一个li */ ul>li:not(:nth-child(1)):not(:nth-last-child(1)){color:blue}