:nth-child与指定区间范围列表高亮实例页面

展示

排名	姓名	总积分
1	XboxYan	105
2	liyongleihf2006	78
3	wingmeng	73
4	sghweb	71
5	yaeSakuras	69
6	frankyeyq	66
7	lineforone	58
8	NeilC1991	50
9	smileyby	49
10	iceytea	45
11	Seasonley	44
12	ylfeng250	43
13	Kongdepeng	42
14	AsyncGuo	40
15	qianfengg	40
16	Fatty-Shu	37
17	les-lee	36
18	jsweber	36
19	BruceYuj	30
20	fangshuaituo	27
21	Despair-lj	27
22	JaimeCheng	26
23	livetune	25
24	whrice	24
25	mengxiaoixao	23
26	uaison	22
27	thewindsword	22
28	maomao1996	22
29	odex21	21
30	simplefeel	21
31	guisturdy	20
32	sanshiliuxiao	20
33	supperGod	19
34	natsu0728	18
35	ZWkang	18
36	CandyQiu	17
37	bugaosunihhh	16
38	crimx	16
39	y389278443z	16
40	DFLovingWM	15
41	hutuchong9527	15
42	xiongchenf	14
43	notzheng	14
44	nichoasurey	14
45	Ericteen	14
46	xiyao4869	14
47	LittleOtter	13
48	liulyu	13
49	Vincent1993	13
50	wojiaoggyy	13
51	tao1874	13
52	littleKnave	13
53	gxlself	13
54	WWR1234567	12
55	masonzz	12
56	ch957869975	12
57	xunzhaoshitouyu	12
58	hao-yue	12
59	MissHoya	11
60	Haloook	10
61	Valar103769	9
62	kuikuiGe	9
63	cdswyda	8
64	xxf1996	8
65	tzmy	8
66	qq3603643	8
67	changyuqing	8
68	huyeye3344	7
69	GCGligoudan	7
70	ChinaTonyPlus	7
71	WangNianyi2001	7
72	miaomiaolin	7
73	bb595700239	7
74	shirleyMHao	7
75	SmartFang	7
76	wiia	7
77	brenner8023	7
78	guoshaohua	7
79	jjeejj	7
80	Molunerfinn	7
81	Rsnowing	7
82	hollowtree	7
83	PatrickLh	7
84	WGHwebitem	7
85	XinChou16	7
86	NaughtyWind	6
87	pizijun	6
88	Xujkstra	6
89	qza6268963	6
90	white500	6
91	lilinjuna	6
92	yuhaocan	6
93	maczyt	6
94	daniyyer	6
95	lanqibazao	6
96	634323580	6
97	jiang-rong	6
98	lvanboy	6
99	drify	6
100	fltea	6

代码

HTML：

<table>
    <thead>
        <tr>
            <th scope="col" width="60">排名</th>
            <th scope="col">姓名</th>
            <th scope="col">总积分</th>
        </tr>
    </thead>
    <tr>
        <td>1</td>
        <td><a href>XboxYan</a></td>
        <td>105</td>
    </tr>
    <tr>
        <td>2</td>
        <td><a href>liyongleihf2006</a></td>
        <td>78</td>
    </tr>
    ...
</table>

CSS：

tr:nth-child(-n + 3) td {
    background: cornsilk;
}
tr:nth-child(n + 4):nth-child(-n + 10) td {
    background: mintcream;
}