CSS - Novato en CSS, Duda regla CSS

 
Vista:
Imágen de perfil de andres
Val: 6
Ha aumentado su posición en 16 puestos en CSS (en relación al último mes)
Gráfica de CSS

Novato en CSS, Duda regla CSS

Publicado por andres (5 intervenciones) el 18/04/2019 17:43:45
Hola, soy novato en CSS y de todas las reglas que he establecido hasta el momento me han funcionado excepto una. Esta regla es la que no me funciona (no sé si debe a una mala redacción de la misma o que está en contradicción con alguna otra):

1
2
3
4
5
6
7
8
a[href="https://www.eldiario.es"]{
	color:purple;
	font-size:30px;
}
 
a{color:orange;
 
}

No sé si es que la 2 regla y la 1ª se contradicen pero lo que intento es cambiar un elemento específico de una de las etiqueta a y no me deja, se somete a la norma 2ª pese a que establezco y especifico esa 1ª regla.

Dicha regla se relaciona con esta de mi hoja de HTML (el link me funciona bien y todo)

1
<a href="https://www.eldiario.es/"class="red">Estos son algunos</a>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Kevin
Val: 22
Ha disminuido 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Novato en CSS, Duda regla CSS

Publicado por Kevin (14 intervenciones) el 23/04/2019 14:35:04
Hola Andres, saludos.

La razón por la cual no te funciona esa regla, es porque debes de poner el href en el CSS, tal cual lo tienes en el HTML.
Fijate que en el HTML tiene un guión al final
1
<a href="https://www.eldiario.es/"class="red">Estos son algunos</a>

Más sin embargo en el CSS, te falta el guión al final
1
2
3
4
a[href="https://www.eldiario.es"]{
	color:purple;
	font-size:30px;
}

De esta manera si que te va a funcionar perfectamente:

CSS:

1
2
3
4
5
6
7
8
a[href="https://www.eldiario.es/"]{
	color:purple;
	font-size:30px;
}
 
a{color:orange;
 
}


HTML:

1
<a href="https://www.eldiario.es/"class="red">Estos son algunos</a>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar