Home » Blog » Defining A Link Style Within Multiple Divs

Defining A Link Style Within Multiple Divs

Sometimes it’s simplest to define a link style by specifying that style for an entire div within. Then, anytime you create a link within that div, it automatically conforms to the style you set up.

Sample Link Style

#container a:link { }
#container a:visited { }
#container a:hover { }
#container a:active { }

If the same link style is to be used within multiple divs, you can save some time by combining the code:

Sample Link Style in A Div

#container a:link, #navig a:link, #footer a:link { }
#container a:visited, #navig a:visited, #footer a:visited { }
#container a:hover, #navig a:hover, #footer a:hover { }
#container a:active, #navig a:active, #footer a:active { }

Pin It on Pinterest