制作多个时 HTML 超链接不起作用

Question

当我对多个超链接进行编码时，它只显示最后一个。 在此代码的示例中，运行时，它仅在红色超链接的空间中显示紫色。 我试过改变位置以防它与覆盖有关，但事实证明这无济于事。 请帮忙，谢谢，ZedTheSloth。

<style>
    a:link, a:visited {
      height: 375px;
      width:750px;
      background-color: #ff1100;
      color: white;
      padding: 15px 25px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      text-shadow: 0 4px 4px #000;
      border: #000000;
      border-style: solid;
      border-width: 5px;
      position: absolute;
      top: 325px;
      right: 1000px;
    }
    
    a:hover, a:active {
      background-color: red;
    }
    
    </style>
    </head>
    <body>
      
    <a href="https://google.com" target="_blank">Google</a>
    
    <style>
      a:link, a:visited {
        
        height: 375px;
        width:750px;
        background-color:blueviolet;
        color: white;
        padding: 15px 25px;
        text-align: center;
        text-decoration: none;
        text-shadow: 0 4px 4px #000;
        border: #000000;
        border-style: solid;
        border-width: 5px;
        position: absolute;
        top: 325px;
        left: 1000px;
      }
      
      a:hover, a:active {
        background-color:blueviolet;
      }
      
      </style>
      </head>
      <body>
        
      <a href="https://google.com" target="_blank">Google</a>