В CSS как я могу повлиять на ссылки только 1 класса

Question

У меня есть CSS, и он отображается нормально, но я хочу, чтобы .bottom и .navt имели ссылку белого цвета и оставались белым даже после того, как кто-то их посещает. Вот мой текущий код:

.toper{
border:1px solid black;
background:blue;
width:500;
height:90;
position:absolute;
top:0px;
left:50px;


}
.navt{
border:1px solid black;
background:darkblue;
width:1000px;
height:55px;
padding:10px;
position:absolute;
top:95px;
left:50px;
}


.bottom {
align:bottom;
border:1px solid black;
background:darkblue;
width:1000px;
height:55px;
padding:10px;
position:absolute;
bottom:5px;
left:50px;

}

body{
background:lightblue
}

Как бы я сделал это, просто используя этот лист. (Я не хочу использовать больше div-ов и других вещей, потому что это потребует редактирования многих страниц, тогда как выполнение чего-либо для этой страницы изменяет их все.

Answer 1

.bottom a, .navt a, .bottom a:visited, .navt a:visited {
    color: white;
}

Любая ссылка, содержащаяся в элементах класса bottom или navt, как посещенных, так и не посещенных, теперь будет белой.

Answer 2

Вы можете нацелить их так:

.bottom a:link, .bottom a:visited, .navt a:link, .navt a:visited{
    color: white;
}

Answer 3

.bottom a, .navt a {
    color: #fff;
}

Это работает так:

Any <a> tag in class bottom and navt, should have a foreground color of RGB Hex #fff

Пока не беспокойтесь о hover или visited.Если эти свойства не определены, ваш браузер не примет их, поскольку вы специально переопределили предполагаемое значение для a.