超链接样式：css超链接样式示例 - 维洛BLOG
https://b.xn--xu0a.cn/index.php/archives/1384/#%E5%9B%9B

一
-

a:nth-child(10n+1) {
            color: #f00;
        }
 
        a:nth-child(10n+2) {
            color: #377D22;
        }
 
        a:nth-child(10n+3) {
            color: #b5c327;
        }
 
        a:nth-child(10n+4) {
            color: #002FEB;
        }



        a:nth-child(10n+5) {
            color:#1abc9c ;
        }



        a:nth-child(10n+6) {
            color: #3498db;
        }

        a:nth-child(10n+7) {
            color: #9b59b6;
        }

        a:nth-child(10n+8) {
            color:#f39c12 ;
        }

        a:nth-child(10n+9) {
            color:#ff9ff3 ;
        }

        a:nth-child(10n+10) {
            color:#68e6fa ;
        }



        a:nth-child(10n+11) {
            color:#ff00df ;
        }



        a:nth-child(10n+12) {
            color:#b500ff ;
        }

a:nth-child(10n+1):hover{
    
    
            background-color: #f00;

}



a:nth-child(10n+2):hover{
    
        background-color: #377D22;
}



a:nth-child(10n+3):hover{
    
        background-color:#b5c327;

}



a:nth-child(10n+4):hover{
    
        background-color:#002FEB;

}



a:nth-child(10n+5):hover{
    
        background-color:#1abc9c;

}


a:nth-child(10n+6):hover{
    
        background-color:#3498db;

}


a:nth-child(10n+7):hover{
    
        background-color:#9b59b6;

}


a:nth-child(10n+8):hover{
    
        background-color:#f39c12;

}


a:nth-child(10n+9):hover{
    
        background-color:#ff9ff3;

}


a:nth-child(10n+10):hover{
    
        background-color:#68e6fa;

}



a:nth-child(10n+11):hover{
    
        background-color:#ff00df;

}


a:nth-child(10n+12):hover{
    
        background-color:#b500ff;

}

二
-

a:nth-child(12n+1) {
    color: #ff7c7c;
}

a:nth-child(12n+2) {
    color: #377D22;
}

a:nth-child(12n+3) {
    color: #b5c327;
}

a:nth-child(12n+4) {
    color: #00b8ff;
}

a:nth-child(12n+5) {
    color: #1abc9c;
}

a:nth-child(12n+6) {
    color: #3498db;
}

a:nth-child(12n+7) {
    color: #9b59b6;
}

a:nth-child(12n+8) {
    color: #f39c12;
}

a:nth-child(12n+9) {
    color: #2cc2d1;
}

a:nth-child(12n+10) {
    color: #389fae;
}

a:nth-child(12n+11) {
    color: #ff00df;
}

a:nth-child(12n+12) {
    color: #b500ff;
}

a:nth-child(12n+1):hover {
    background-color: #ff7c7c;
}

a:nth-child(12n+2):hover {
    background-color: #377D22;
}

a:nth-child(12n+3):hover {
    background-color: #b5c327;
}

a:nth-child(12n+4):hover {
    background-color: #c6d1ff;
}

a:nth-child(12n+5):hover {
    background-color: #1abc9c;
}

a:nth-child(12n+6):hover {
    background-color: #3498db;
}

a:nth-child(12n+7):hover {
    background-color: #9b59b6;
}

a:nth-child(12n+8):hover {
    background-color: #f39c12;
}

a:nth-child(12n+9):hover {
    background-color: #2cc2d1;
}

a:nth-child(12n+10):hover {
    background-color: #68e6fa;
}

a:nth-child(12n+11):hover {
    background-color: #ff00df;
}

a:nth-child(12n+12):hover {
    background-color: #b500ff;
}