[SOLUCIONADO] ¿Como hacer que otra regla tenga prioridad?

[minombreesmm]

Miren tengo esto

Código HTML:

<div class="contenedor">
    <a href="#" >sin clase</a>
    <a class="item">con clase</a>
</div>
 

y

Código CSS:

css
.contenedor a{
 background:green;
}
.item{
 background:yellow;
}
 

resulta que ambos links son color verde
cuando se supone que el que tiene clase ya le asigne amarillo.
ese ejemplo es pequeño pero el contenedor tiene mucho mas links y debo ponerle ciertos colores diferentes a unos cuantos que estan adentro.
Use el css del contenedor a para no tener que ponerles clase a los demas.

Que estaré haciendo mal?
se supone que las clases son prioridad que no?

de antemano gracias

[ArturoGallegos]

es por el nivel de especifidad que tienen tus estilos, los estilos aplicados para <a> son mucho mas especificos que los que aplicas a .clase

has de utilizar clases para ambos casos o bien ser mas especifico en el segundo atributo

-> a.item{...}

[minombreesmm]

Iniciado por ArturoGallegos

es por el nivel de especifidad que tienen tus estilos, los estilos aplicados para <a> son mucho mas especificos que los que aplicas a .clase

has de utilizar clases para ambos casos o bien ser mas especifico en el segundo atributo

-> a.item{...}

Muchisimas gracias amigo, me sirvió bastante, esa no me la sabia.. gracias