Vil gerne style noget der både er nth-child og en bestemt klasse på samme tid

Jeg er ved at designe en menu der har forskellige farver ved hover. Jeg vil gerne have den aktive sides link til at forblive farvet.

HTML ser ud som følger:

<ul id="access">
    <li class="is_active">
        <a href="#">Blog</a>
    </li>
    <li >
        <a href="#">Projekter</a>
    </li>
    <li>
        <a href="#">Referencer</a>
    </li>
    <li>
        <a href="#">Kontakt</a>
    </li>
</ul>

De forskellige hover-farver kommer af følgende CSS:

#access ul li:nth-child(1) a:hover{
    background-color: #a600d6;
}
#access ul li:nth-child(2) a:hover{
    background-color: #f7cc00;
}
#access ul li:nth-child(3) a:hover{
    background-color: #00cbe8;
}
#access ul li:nth-child(4) a:hover{
    background-color: #8aea00;
}

Jeg vil nu gerne på en eller anden måde kunne gøre noget ligende

#access ul li:nth-child(1) a .is_active{
    background-color: #a600d6;
}

men det virker tydeligvis ikke... Nogen forslag?