Pseudo-clases y pseudo-elementos (1)

JMiur [E]

Una pseudo-clase nos permiten distinguir entre los diferentes tipos de etiquetas en función de alguna de sus características. Un pseudo-elemento es algo que se ve en la página pero que no es parte de ella.

leer artículo actualizado

9 comentarios:

Unknown: no lei bien el titulo me imagine que era pseudoblogger jejejeje
Unknown: medio dormida JM veré si más tarde comprendo :D
Shark_Bloody: Todo muy simple y fácil de aplicar, aunque, exceptuando a :hover, no les encuentro utilidad.

También están :lang y :focus, también sin utilidad.

Sin duda no esta de mas tenerlas en cuenta, para tener un conocimiento mas amplio del tema
JMiur: P@lm0 Sempai: ¿pseudoblogger? Pués, no se me había ocurrido :D

Graciela: Paciencia.

Shark_Bloody: Son herramientas así que su utilidad, depende de nosotros mismos :D
Gem@: Es una entrada muy didáctica, desconocía por completo el uso de first-child :S
Deybi: Hola Jmiur.

Excelentísimo. Me ha resultado muy bien, puesto que modificando la plantilla muchas veces desconocemos esto y entonces cuando pasamos el mouse, o no se ve bien o simplemente no combina. Ahora con esto posible ponerlo a gusto.

¡Un gran saludo!.
JMiur: Gem@:: Es algo que no se ve mucho pero, cada vez se usa más.

Deybi: Es bueno saberlo, de esa manera, todo se hace más sencillo.
Andybel: .-La pseudoclase 'active' funciona solamente mientras se está clickando sobre el enlace en cuestión, brevemente.

.-Mi pregunta y rompecabezas de hoy es que quiero conseguir que el enlace en cuestión quede fijamente cambiado de color cuando selecciono una pestaña de categorías en la barra de navegación de mi blog 'Cosas y Casos, el blog de Andybel'.

.-He probado con pseudoclase 'focus' y creando clase '.activa' en el HTML para darle luego formato CSS y NADA DE NADA.

.-Tengo la cabeza como un bombo de tanto probar.

.-¿Puedes ayudarme? Gracias anticipadas desde el Mediterráneo español.
JMiur: Supongo que lo que quieres es que ese item del menú quede marcado de cierto color cuando abres ese enlace, es decir, hago click en "Deportes" y queda marcado indicando que estás en ese tipo de página.

Si es así, eso no es posible con CSS porque deberías indicarle expresamente que en ciertas URL el menú se vea así.

Con :active, el enlace queda marcado sólo cuando haces click y se restaura a su estado normal u hover cuando termina el evento. Si quieres que permanezca con esas propiedades hasta que se cargue la nueva página, debes cambiarle la clase con JavaScript.

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

Suscribirse a los comentarios

JMiur

Buenos Aires
Argentina

Biografía apócrifa

Nacido en el tercer mundo. Un santo varón. Buenos Aires. Los elefantes. Las golondrinas de Plaza de Mayo. Me chupo el dedo.

El tiempo es veloz. ¿No ves que ya no somos chiquitos? Despedida de la infancia. Todo es efímero. Juguetes perdidos. Dime quién me lo robó. Aprendizaje.

Soy un hippie. Rutas argentinas. Sobredosis de TV. Raros peinados nuevos. Más de cien mentiras. Delirium tremens.

Ciudad de pobres corazones. El karma de vivir al sur. Mundo de quimeras. Oh Dios, ¿Qué puedo hacer?

Cuando era más joven. Los mayores del mundo. Botas locas. Rejas electrificadas. Cerca de la revolución. Contra todos los males de este mundo. La casa desaparecida. Tumbas de la gloria. Vencedores vencidos. Carguen, apunten, fuego. Estás frito angelito. A lo mejor aún te acuerdas.

Ah, te vi entre las luces. Muchacha. Amor se llama el juego. Juego de seducción. Mi genio amor. Prométeme que nunca me dirás adiós. Pequeñas delicias de la vida conyugal. Toda la vida tiene música hoy. Es hora de levantare, querido (dormiste bien?).

Resumiendo.

Mi sueño de hoy. La sed verdadera. La búsqueda de la estrella. Todos juntos. ¡Ah! Basta de pensar.

Esto es to-to-todo amigos.

el retrovisor