El tutorial o código que encontrarás en este post es la resolución más sencilla y válida que encontramos a esta inquietud o dilema.
El valor heredado:
a color: inherit;
… hará que el elemento tome el color de su padre (que es lo que creo que está buscando).
Una demostración en vivo sigue:
a
color: inherit;
The default color of the html element is black. The default colour of the body and of a paragraph is inherited. This
link would normally take on the default link or visited color, but has been styled to inherit the color from the paragraph.
puedes hacer algo como esto:
a
color: #0060B6;
text-decoration: none;
a:hover
color:#00A0C6;
text-decoration:none;
cursor:pointer;
si la decoración de texto no funciona, incluya decoración de texto: ¡ninguna! importante;
Si no desea ver el subrayado y el color predeterminado que proporciona el navegador, puede mantener el siguiente código en la parte superior de su archivo main.css. Si necesita un estilo de decoración y color diferente, puede anular fácilmente los valores predeterminados utilizando el fragmento de código a continuación.
a, a:hover, a:focus, a:active
text-decoration: none;
color: inherit;
Si aceptas, tienes el poder dejar un tutorial acerca de qué te ha impresionado de esta sección.