Conflitto CSS

[GreyWolf]

Mi sono trovato a correggere una pagina con due stili css tra loro in conflitto, entrambi vanno a lavorare sui comportamenti del tag a: ; ovviamente il secondo si sovrappone al primo rendendolo praticamente inutile, come posso fare perchè tutti e due possano coesistere?

Cioè come faccio a far si che sul menu1 agisca il css1 e sul menu2 il css2 senza che i due si disturbino?

[serialkiller]

#menu1 a {....}

#menu2 a {....}

[GreyWolf]

non ho capito

".menu1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-size: 10px;
font-weight: bold;
background-color: #771F6B;
}

a:link {
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}
a:hover {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
a:visited {
color: #E494E4;
text-decoration: none;
font-weight: bold;
}
a:active {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
"


come fo questo a metterlo come dici te?

[serialkiller]

.menu1 {
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
font-size: 20px;
font-weight: bold;
background-color: #771F6B;
}

.menu1 a:link {
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
}
.menu1 a:visited {
color: #E494E4;
text-decoration: none;
font-weight: bold;
}
.menu1 a:hover {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
.menu1 a:active {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

[GreyWolf]

mi ero dimenticato

grazie 1000