css - 导航栏中的 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 类，那么 . navigator a{}或类似的 id#navigator a{}