css - HTML の個別の div に個別のリンク スタイルを設定する方法

Question

Web ページに 2 つの 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;
}