Гиперссылка влияет на всю страницу ⇐ CSS

[Anonymous]

Я новичок в HTML и CSS (самоучка)
Я пытаюсь использовать простую сетку с боковой панелью и содержимым. Итак, для боковой панели мне нужна ссылка на внутренние страницы для изменения содержимого, я создаю базовый шаблон для портфолио. Но сейчас происходит следующее: когда я пытаюсь добавить внутреннюю ссылку, создается впечатление, что все похоже на ссылку. Я заметил, что, поскольку ссылки не работают, я навел курсор, чтобы изменить цвет и текст на курсив, но, похоже, это происходит на всей странице. Вот код:

Код: Выделить всё

body {
display: grid;
grid-template-columns: minmax(150px, 25%) 1fr;
padding: 0;
margin: 0;
}

.sidebar {
height: 200vh;
font-size: 4rem;
text-align: center;
color: grey;
background-color: yellow;
}

.content {
padding: 2rem;
color: black;
background-color: lightblue;
margin-top: 0px;
margin-bottom: 0px;
font-size: 4rem;
}

body {
font-family: system-ui, serif;
}

.white {
font-family: system-ui, serif;
color: red;
}

:hover {
font-family: system-ui, serif;
color: rgb(255, 199, 209);
font-style: italic;
}

Код: Выделить всё

[list]
[*][url=/Break.html]The River[/url]
[*][url=/Break.html]The River[/url]
[*][url=/Break.html]The River[/url]
[*][url=/Break.html]The River[/url]
[*][url=/Break.html]The River[/url]
[*][url=/Break.html]The River[/url]
[/list]


cto quia fugit nulla! Natus, iure eveniet ex iusto tempora animi quibusdam porro?

Подробнее здесь: https://stackoverflow.com/questions/792 ... whole-page