使用:nth-child()选择指定元素

	<ul class="specified-scope">
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
		<li>5</li>
		<li>6</li>
		<li>7</li>
		<li>8</li>
		<li>9</li>
		<li>10</li>
	</ul>
</div>


.specified-scope {
	width: 300px;
	li {
		padding: 0 20px;
		height: 40px;
		line-height: 40px;
		color: #fff;
        //奇数行
		&:nth-child(odd) { 
			background-color: $red;
		}
        //偶数
		&:nth-child(even) {
			background-color: $purple;
		}
        //6到10行
		&:nth-child(n+6):nth-child(-n+10) {
			background-color: $green;
		}
	}
}