如何在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的

View_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;
}

View_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;
}