mdn/css/2_css_styling_text/2_styling_links

2_styling_links

dz / mdn / css / 2_css_styling_text / 2_styling_links

Summary

Styling Links

Node Tree

Nodes

link_states
content Link States
children active, focus, hover, link, visited

active
content Active: link is clicked on
children active_links
parents link_states

link
content link: link that has destination
children links_underlined
parents link_states

visited
content Visited: a link that has already been visted
children visted_purple, unvisited_blue
parents link_states

hover
content Hover: link hovered over by mouse pointer
children hovering_hand_mouse_pointer
parents link_states

focus
content Focus: moved to by a keynoard using tab or programatically using HTMlElement.focus()
parents link_states

default_styles
content Default Styles
children visted_purple, active_links, hovering_hand_mouse_pointer, links_underlined, unvisited_blue

links_underlined
content Links Underlined
parents link, default_styles

unvisited_blue
content Univisited Blue
parents visited, default_styles

visted_purple
content visted purple
parents default_styles, visited

hovering_hand_mouse_pointer
content Hoverint turns mouse pointer into hand
parents hover, default_styles

active_links
content Active links red
parents active, default_styles

link_styling_order
content link styling order: link, visited link, focus, hover, active

icons_on_links
content Icons on links
children css_href_match

css_href_match
content a[href^="http"]
parents icons_on_links