0

quiero darle el mismo estilo a 2 links particulares y mi código actual es el siguiente:

a#id1:link {color:darkgray;}
a#id1:hover {color:white;}
a#id1:active {color:red;}
a#id1:visited {color:black;}

a#id2:link {color:darkgray;}
a#id2:hover {color:white;}
a#id2:active {color:red;}
a#id2:visited {color:black;}

¿Como puedo ponerlo resumido? Intente con algo como a#id1#id2:link {color:darkgray;} pero no funciona.

Saludos, Leandro.

2 respuestas 2

1

Solo los agrupas con una coma como separador indicando que la misma regla es aplicada a los dos selectores así:

a#id1:link,a#id2:link{color:darkgray;}
a#id1:hover,a#id2:hover {color:white;}
a#id1:active, a#id2:active {color:red;}
a#id1:visited, a#id2:visited {color:black;}
<a id="id1">Link1</a><a id="id2">Link2</a>

Agregando la solución de @alanfcm:

Como decía alanfcm en el comentario también puedes agregar una clase en común para los dos así:

a.link:link{color:darkgray;}
a.link:hover{color:white;}
a.link:active{color:red;}
a.link:visited{color:black;}
<a id="id1" class="link">Link1</a><a id="id2" class="link">Link2</a>

2
  • 1
    Tambien podrias agregar una clase a los dos.
    – alanfcm
    Commented el 24 oct. 2018 a las 15:06
  • Muchas gracias gente! había probado con comas, pero de la forma incorrecta! ahora anduvo bárbaro! gracias de nuevo.
    – lean2016
    Commented el 24 oct. 2018 a las 15:19
0

Puedes tambien crear una clase para ambos links:

<a href="#" id="id1" class="gris"><a href="#" id="id2" class="gris">

y el css seria:

.gris{ color:darkgray;}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.