Categories

How to add multiple link styles on the same page

Template-help.com Team November 15, 2010
Rating: 4.7/5. From 6 votes.
Please wait...
Q: How to add multiple link styles on the same page? A: We can define a link style that is only active in a certain area of the page by using context dependent selectors. Rather than addressing the A: link selector, we will define an outer area that is separate from the area where we’d like our link style to be effective. For example:
ONE TYPE OF LINKS
http://www.yahoo.com”>YAHOO
http://www.google.com”>GOOGLE

ANOTHER TYPE OF LINKS
http://www.yahoo.com”>YAHOO
http://www.google.com”>GOOGLE
Note how we use the to define the context. This is smart for two reasons:
    • It allows us to use different link styles on the same page, rather than being limited to using a single overall link style.
    • We can define entire areas where a certain link style is applied. Thus, we don’t have to add a style definition to each and every link in that area.
This entry was posted in Working with CSS and tagged css, HTML, style. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket