您可以(ab)使用相邻的同级组合器(+
)通过可在IE7/ 8中使用的CSS来实现此目的。
/* equivalent to li:nth-child(1) */
#nav-primary ul li:first-child a {
border-top: 5px solid red;
}
/* equivalent to li:nth-child(2) */
#nav-primary ul li:first-child + li a {
border-top: 5px solid blue;
}
/* equivalent to li:nth-child(3) */
#nav-primary ul li:first-child + li + li a {
border-top: 5px solid green;
}?
你无法模仿的更复杂的变化:nth-child()
,如:nth-child(odd)
或:nth-child(4n+3)
用此方法。