Problema con CSS en los atributos "a" interfieren con otros links

[datcom]

Hola!
Tengo un problema porque me interfiere el css de los links con los links de mi tabla de comentarios. miren


La cuestion es como especifico el css a estos dos links y no a todos los de la web. probe incluir en el html el <a style="" ></a> pero me queda colgado el a:hover como puedo hacer para que funcione todo bien?
gracias

Código HTML:

<table >

		<td ><a href="#destinatario"> Destinatario</a></td>
		<td> <a  href="#muro"> Muro</a></td>
		
</table> 

Este es el CSS

Código HTML:

td a {
	        color: #ffffff  !important;
	        display: block;
			width: 328px;
			height: 45px;
			background-color: #2f2f2f;
			border-top:1px solid #29447E;
			border-right:1px solid #29447E;
			border-bottom: 1px solid #1A356E;
			border-left:1px solid #29447E;
			font-size:25px;
			text-align:center;
			text-decoration: none !important;
			font-family:Arial;
			padding-top:10px !important;
			
			
}

td a:hover {
        background:#0e76bc;
		border:1px solid #0d6097;
}

[kseso?]

Cascada, especificidad y herencia. Los tres pilares de Css.
Diferencie sus tablas añadiendo una clase al menos a una de ellas y así podrá diferenciar los enlaces en el selector de las reglas.

[garciasanchezdani]

Si quieres dar un estilo especifico únicamente a esos dos links, puedes hacerlo dándole una clase, por ejemplo:

Código HTML:

<table >
 
        <td ><a href="#destinatario" class="claselinks"> Destinatario</a></td>
        <td> <a  href="#muro" class="claselinks"> Muro</a></td>
        
</table>
 

Y en el css, seleccionas esas a:

Código CSS:

td a.claselinks{
}
td a.claselinks:hover{
}
 

Saludos, Daniel

[datcom]

espectacular chicos, gracias