导航栏中的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 a{}或者如果它有一类导航器，那么。navigator a{}或类似的ID #navigator a{}