Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: alefaletti en 28 de Marzo 2017, 00:13

Título: Pregunta sobre Pseudoclases en CSS y HTML qué signfica li a:link CU01047D
Publicado por: alefaletti en 28 de Marzo 2017, 00:13
Gente buenas tardes.

No logro comprender que resultado tiene esta parte del codigo, que se da como ejemplo en la entrega CU01047D del tutorial de programación web. Muchas gracias!

Código: [Seleccionar]

li a:link{......... font-weight: cursive; color:blue;}
/*Border-bottom subrayado*/

Título: Re:Pregunta sobre Pseudoclases (CU01047D)
Publicado por: bermartinv en 28 de Marzo 2017, 15:50
Las pseudo-clases de los enlaces en orden recomendado es: :link, :visited, :hover, :active.
a:link se refiere a aquellos enlaces que todavía no han sido visitados.
Saludos
Título: Re:Pregunta sobre Pseudoclases (CU01047D)
Publicado por: alefaletti en 01 de Abril 2017, 20:11
Muchas gracias bermartinv, muy amable!!!

El orden debe figurar siempre asi a lo largo del todo CSS, verdad?

Por ejemplo:

Código: [Seleccionar]

a:link {color:red;}
a:visited {color:brown;}
#rosa {margin-bottom:-14px;
width:38px; height:38px;
background-image:url(http://elsitiodeale.byethost7.com/I%20Rosa%2038x38.png);}
#rosa:hover{background-image:url(http://elsitiodeale.byethost7.com/I%20celeste%2038x38.png);}
li {list-style-type:none; text-decoration:none;}
li a {font-weight:bold; color:#B22222; position:relative; right:-46px; top:-15px;}
p a {color:blue; font-weight:bold; text-decoration:none;}
p a:hover{color:orange;}
#celeste {
display:inline-block;
position:relative;
top:10px;
width:38px;
height:38px;
background-image:url(http://elsitiodeale.byethost7.com/I%20celeste%2038x38.png);}
#celeste:hover {background-image:url(http://elsitiodeale.byethost7.com/I%20Rosa%2038x38.png);}
p#textoinline {display:inline-block;}

Título: Re:Pregunta sobre Pseudoclases (CU01047D)
Publicado por: bermartinv en 02 de Abril 2017, 10:29
Si. Es el orden que deberíamos seguir para usarlos