Home>

I'm creating a site to register courses, and I'm thinking of changing the color of links and text to cover the color of the image.
However, the color of the link and the color of the text are changed locally, but when I gave it to the server, only the color of the text was changed, and the color of the link was not changed.

<html>
  <head>
      <meta charset = "UTF-8">
      <meta name = "viewport" content = "width = device-width, initial-scale = 1">
      <title>test</title>
      <style type = "text/css">
            body {
                background-image: url (picture/background% 20picture1.jpg);
            }
            .center {
                font-size: 1.5rem;
                color: white;
                text-align: center
            }
A: link {
                color: red;
            }
      </style>
  </head>
  <body>
         Registration site 
         Please select your year. 
          1st year version without search function  
          1st year search function/hand-made function additional version  
          Second year or more without search function  
          2nd year or more Search function/Hand-made function added version  
  </body>
</html>
Supplementary explanation

I am using an xfree HTML server as the server.

  • Answer # 1

    I'm sorry if there is a misunderstanding.
    How about the following?

    ■ Reference


    The following methods exist because the color of the link does not change.
    -"Specify the color of the a tag and do not set each pseudo class"
    -"Specify the same color for all pseudo-classes"

    ex)
    a: link, a: visited, a: hover, a: active {
    color: red;
    }


  • Answer # 2

    a: linkIn the case of, links that have not been visited yet are selected.
    Wouldn't it be better if the visited links were also selected?

    a: link, a: visited {
        color: red;
    }