Question

我想在同一个html文件中有2个不同的链接，每个链接都有不同的风格。但是我可以让第二个链接成为我想要的。为什么我无法做到？

这是我用来制作它的代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <style>
        a.link1{
        }
        a.link1:hover{
            background-color: #B2FF99; 
        }
        a.link1:active{
            color: green;
            text-decoration: none;
        }
        a.link1:visited{
            background-color: #FFFF85;

        a.link2, a.link2:visited {
            display: block;
        }

        a.link2:hover, a.link2:active {
            background-color: #7A991A;
        }

    </style>
</head>

<body>
</body>
<a href="www.google.com" class="class1"> Google </a>
<a href="www.stackoverflow.com" class="class2">Stackoverflow</a>

 </html>

Answer 1

<a>代码包含类class1和class2，但CSS引用link1和link2。你可能想要这样的东西：

<a href="www.google.com" class="link1"> Google </a>
<a href="www.stackoverflow.com" class="link2">Stackoverflow</a>

Answer 2

更改为

 <a href="www.google.com" class="link1"> Google </a>
 <a href="www.stackoverflow.com" class="link2">Stackoverflow</a>

在同一个文件中有两个不同风格的链接

2 个答案: