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

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