gpt4 book ai didi

html - 为什么访问时我的两个链接都是绿色的?

转载 作者:太空宇宙 更新时间:2023-11-04 14:01:35 26 4
gpt4 key购买 nike

我定义了一个 css 文件 my_style.css 并在我的页面中使用它。

body {
background-color: linen;
}
.myClass1 a:link,
a:visited {
color: orange;
margin-left: 40px;
}
.myClass2 a:link,
a:visited {
color: green;
margin-left: 40px;
}
<html>

<head>
<link href="my_style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<a class="myClass1" href="http://www.youtube.com">Link1</a>
<a class="myClass2" href="http://www.youtube.com">Link2</a>

</body>

</html>

为什么两个链接都是绿色的?

最佳答案

两个链接都是绿色的,因为:

.myClass2 a:link,a:visited { /* foo */ }

读作:

.myClass2 a:link { /* foo */ }
a:visited { /* foo */ }

而不是:

.myClass2 a:link { /* foo */ }
.myClass2 a:visited { /* foo */ }

您需要将完整选择器放在组的每个部分。

.myClass2 a:link,
.myClass2 a:visited { /* foo */ }

此外,由于链接本身是该类的成员,因此您不希望其中包含后代组合子。

a.myClass2:link,
a.myClass2:visited { /* foo */ }

关于html - 为什么访问时我的两个链接都是绿色的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31076561/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com