cambiar color al seleccionar pestaña

[kseso?]

Pann84:
El ejemplo que pone no es el planteado inicialmente, según he entendido yo.
Huan selecciona un elemento y permaneciendo en el mismo html quiere que el elemento seleccionado mantenga unas propiedades. Propiedades que desea sean persistentes.
En su ejemplo, hay un cambio de página, o para que funcione en el mismo documento html debería proveer (mediante otro lenguaje distinto a css) cómo aplicar su "activo" al seleccionado.

¿Qué ocurriría si el html fuese el siguiente?

Código HTML:

<div class="navi">
    <ul class="mainNavi">
        <li><a href="#uno">Uno</a></li>
        <li><a href="#dos">Dos</a></li>
        <li><a href="#tres">Tres</a></li>
        <li><a href="#cuatrol">Cuatro</a></li>
        <li><a href="#cinco">Cinco</a></li>
    </ul>
</div>
...
<div id="uno>
<!-- contenido -->
</div>
...
<div id="dos>
<!-- contenido -->
</div>
...
 

o que en vez de remitir a un /div/ exterior, cada /li/ tuviese otras listas anidadas dentro de él:

Código HTML:

<ul><li><a.../><ul><li>....</li></ul></li></ul>
 

Por mi comprensión (que quizás sea errónea) de la duda planteada sugería antes los distintos "estados" de enlace y el uso de /:actve/ /:focus/ además de /:hover/

Pero como viene siendo muy habitual últimamente, no mostró los códigos implicados (html+css). Así que todo son cábalas.

Sobre el usar ciertas propiedades css 3 o no usarlas, Mayid y compañía, es una decisión de quien pica el código, en función de las particularidades del proyecto y la finalidad a la que van destinadas.