> Faqs > Cómo cambiar el color a los enlaces en las tablas con CSS

Cómo cambiar el color a los enlaces en las tablas con CSS

Hola, tengo una tabla td y quiero cambiar color enlaces a tablas que sea diferentes a las heredadas del body, como lo colocaria en el css de las propiedades de la tabla , la tengo asi

table {
  margin: 1em auto; 
  border: 1px solid #dbdbdb; 
  border-radius: 5px;
  background: #18437b;
}

table th, table th[class] {
  padding: 5px 10px; 
  border: 1px solid #dbdbdb; 
  background: #f3f3f3;
}

table td, table td[class] {
  padding: 5px 10px; 
  border: 1px solid #dbdbdb; 
  color: #fff; 
}

table tr.alternate td {
  background: #fafafa;
}

Pero link de las tablas heredan propiedades colocadas al comienzo del style.css:

a {
  color: #504d4c; 
  text-decoration: none; 
  outline: none; 
  cursor: pointer
}

a:hover {
  color: #000; 
  text-decoration: underline
}

Respuestas

Prueba a poner algo así:

Para las celdas:

table tr td a {
  color: #12345; // color que quieras
}

Para los encabezados:

table tr th a {
  color: #12345; // color que quieras
}
Vicente
5 1

Es bien simple!

Si necesitas que los enlaces de TODAS las tablas cambien:

table a {
    color: red;
}

Si necesitas que solamente cambien los enlaces de una tabla en particular, entonces tienes que ponerle una clase a la tabla, para que puedas referirte a ella.

<table class="con_enlaces_personalizados">

Luego tienes que usar la clase para poner el color a los enlaces:

.con_enlaces_personalizados a {
    color: orange;
}
Norberto
167 3 14 11