стиль CSS в панели навигации влияет ссылки на содержание

Question

Я создал панель навигации с гиперссылками на другие страницы

код CSS:

a 
{ 
display:block; 
width:120px; 
color:brown; 
text-decoration:none; 
text-align:center; 
background-color:yellow; 
padding:4px; 
transition-property: background; 
transition-duration: 1s; 
} 

Однако это сейчас влияет на другие ссылки, которые находятся за пределами панели навигации. Как отделить ссылки в панели навигации от тех, которые находятся в тексте контента?

Answer 1

Вы можете указать стили, которые будут применяться только для ссылок внутри панели навигации. Вам понадобится селектор для панели навигации. Например, если это тег nav, вы можете использовать nav a{} или если у него есть класс навигатора. navigator a{} или аналогичным образом id #navigator a{}