¿Cuál es el orden correcto de diseño del elemento <a>
(enlace, visitado, desplazado, activo). Todos son confusos al proporcionar una combinación diferente como LVHA, LAHV. ¿Alguien puede especificar el orden correcto?orden de enlace en css
Respuesta
enlace visitado Hover activo
Citando el CSS specification:
a:link { color: red } /* unvisited links */ a:visited { color: blue } /* visited links */ a:hover { color: yellow } /* user hovers */ a:active { color: lime } /* active links */
Tenga en cuenta que la A: hover debe colocarse después de la R: enlace y A: visited reglas, ya que de lo contrario el las reglas en cascada ocultarán la propiedad 'color' de la regla A: hover. De forma similar, dado que A: active se coloca después de A: hover, el color activo (lime) se aplicará cuando el usuario se active y se desplace sobre el elemento A.
Es posible que también prefiera el pedido VLHA, que no hace la diferencia. Sin embargo, la especificación de CSS especificó el orden LVHA y, de hecho, este es fácil de memorizar: ¡LoVeHA!
Cute mnemonic! +1 –
Pruebe esto, 'LoVe / HAte', copiado de Pro CSS Techniques. –
Aquí está la mejor orden, especialmente para las pseudo clases. A L V VH H A (I pronunciarlo Al'va ha ')
a { color: white; text-decoration: none; } /* bookmark */
a:link { color: red; } /* regular link */
a:visited { color: green; text-decoration: strikethrough; } /* visited link */
a:visited:hover { color: blue; text-decoration: underline overline; } /* visted hover link */
a:hover { color: yellow; text-decoration: underline overline; } /* hover link */
a:active { color: orange; text-decoration: underline overline; } /* active link */
Esto mantiene ambos estados visitados y ambos flotar estados juntos, así como quedarse con el orden especificado. También permite un estilo de marcadores tales como
<a name="bookmark_name">Bookmark Text</a>
cual puede orientar con
<a href="bookmark_name">Link Text</a>
Encuentro esto es muy bueno para la vinculación de derecho de una sección de un sitio, pero en el que no desea que el marcador para tener un estilo de desplazamiento automático, que será ya que es una etiqueta de anclaje.
- 1. Concatenar archivos CSS en un orden específico
- 2. Insertar un enlace mediante CSS
- 3. Diferencia entre @import y enlace en CSS
- 4. ¿Qué significa '?' hacer en un enlace Css?
- 5. Hacer texto en enlace seleccionable con CSS
- 6. Buscando una herramienta de orden de enlace estático en Linux
- 7. CSS: Omitir subrayado en parte del enlace
- 8. ¿En qué orden se llaman los métodos de enlace UITableView?
- 9. css problema de orden dirección elemento RTL
- 10. jQuery arregle la orden li haciendo clic en un enlace
- 11. CSS a: enlace mantener el color original
- 12. CSS - ¿estilo de un enlace basado en su atributo "rel"?
- 13. ¿Se ha cambiado el orden de enlace GCC?
- 14. El color del enlace CSS no funciona
- 15. css primera letra para el enlace
- 16. Rieles 3.1 Cargar css en el orden particular
- 17. ¿Cómo especificar el orden de las clases de CSS?
- 18. Orden de carga de archivos CSS y JavaScript externos
- 19. Enlace/incluir css en FreeMarker usando Spring 3 MVC
- 20. Estilo de enlace de correo electrónico/href = "mailto:" con CSS
- 21. Orden de priorización cuando se usan archivos css múltiples contradictorios
- 22. orden de las declaraciones CSS específicos del proveedor
- 23. css a: texto e imágenes del estilo de enlace
- 24. IE9 enlace desplazamiento css cambio de color desplazamiento vertical
- 25. Pepino/Webrat: seguir el enlace por clase de CSS?
- 26. CSS después del elemento para insertar el enlace de mailto?
- 27. ¿estilo de sobrescribir orden?
- 28. Enlace HTML con relleno y estilo CSS activo no funciona
- 29. Cambiar todos los estados del enlace mismo color css
- 30. Codeigniter - agrega la clase css "activa" al enlace, ¿cómo?
cuando lo visita convierte todos los enlaces de color al color visitado. ¿Por qué ocurre – ArK
porque ha visitado todos los enlaces anteriormente? Solo una conjetura ... – Joey
no es la página que acaba de cargarse. – ArK