CSS - CSS Links - CSS A Visited




 CSS a Visited

Learn css - css tutorial - CSS a Visited - css examples - css programs

CSS link visited - Definition and Usage

  • The :visited selector selects the link that have been visited.
  • :visited link overrides the :hover and :active links.
  • :visited link will be applied when the link is hovered or clicked.
CSS A Vistied
  • The A: visited selector is used to select visited links.
  • The link in the browser window changes to the specified color in CSS after visited by the user.

sample html code - html css

 Tryit<!DOCTYPE html>
<html>
    <head>
        <style>
            a: link
            {
                text-decoration: underline;
                color: #0676b3;
            }
            a: visited
            {
                color: #ff00ff;
                text-decoration: underline;
            }
        </style>
    </head>
    <body>
        <p>
            <b>
                <a href="http://www.wikitechy.com/"target="_blank">
                Welcome to Wikitechy!
                </a>
            </b>
        </p>
    </body>
</html>
click below button to copy the code. By - css tutorial - team

Code Explanation - css style

Code Explanation CSS A Visited
  1. a: link indicates the “unvisited link”.
  2. Over here, we have given the text-decoration: underline for underlining anchor link and its hex color value of our anchor link.
  3. Note : Mostly all the anchor link will be underlined, if we don’t want underlined anchor link ,then we can type text decoration: none instead of underline.

  4. a: visited is the link where the user has been visited. Here, we have given pink color in hexadecimal code for visited link. Therefore, it changes from normal blue(#0676b3) to pink color(#ff00ff).
  5. Over here, we are given text-decoration: underline for underlining the anchor link.
  6. href is the attribute which specifies the destination address.
  7. target="_blank" Opens up the Link new tab.

html css tutorial - output :

  • Here in this output, when we open up the html file which is embedded with CSS, it will display the following window as shown below.
Output CSS A Visited
  1. The link “welcome to wikitechy!” will appear in blue color and underlined before clicking the link.
  • Welcome to wikitechy link directs us to the official wikitechy website. Which is displayed below.
Output2 CSS A Visited
Output3 CSS A Visited
  1. The link “Welcome to Wikitechy!” color change from blue to pink after user clicks the link stating that “the link is already opened”.

This page provides a detailed information on css , css class , csss , css tutorial , css button , css style , html css , css filter , css code , css html , css3 , css style sheet , javascript css , css school , learn css , how to use css , css course.


View More Quick Examples

CSS BASICS & SELECTORS CSS SELECTOR ATTRIBUTE CSS STYLE FORMS COLORS & BACKGROUND CSS MARGIN & PADDING CSS WIDTH & HEIGHT CSS LINKS CSS BLOCKS

Related Searches to CSS A Visited