css - 如何在 HTML 中的单独 div 中设置单独的链接样式

Question

我在一个网页中有两个 div（比如 view_1 和 view_2）。我希望每个 div 中的链接样式不同。假设链接的样式如下：

div view_1 中的链接样式：

a:link {
    color: #CB4C2F;
    text-decoration: none;
}
a:visited {
    color: #CB4C2F;
}
a:active,
a:hover {
    color: #B60A00;
}

div view_2 中的链接样式：

a:link {
    color: #B5B5B5;
    text-decoration: none;
}
a:visited {
    color: #808080;
}
a:active,
a:hover {
    color: #FFFFFF;
}

在页面中，我只想指定正在使用的 div。我不想为链接指定样式；链接应该采用它们所在的 div 中的样式。这如何实现？

Answer 1

将类添加到您的 div 中

查看_1

.view_1 a:link {
    color: #CB4C2F;
    text-decoration: none;
}
.view_1 a:visited {
    color: #CB4C2F;
}
.view_1 a:active,
.view_1 a:hover {
    color: #B60A00;
}

查看_2

.view_2 a:link {
    color: #B5B5B5;
    text-decoration: none;
}
.view_2 a:visited {
    color: #808080;
}
.view_2 a:active,
.view_2 a:hover {
    color: #FFFFFF;
}