如何为特定的"a"实例定义CSS？

Question

所以在我的CSS文件中,我有:

a {
    color:#00adef;
    text-decoration: none;
    font-weight:bold
}

但我不希望所有链接都具有某种颜色/重量.那么我将如何创建它的特定"实例",以便我可以为特定div(例如nav)中的所有HTML标记定义CSS,但不会影响该div之外的链接？

Answer 1

假设你的div有id nav并且你希望它里面的所有链接都有这些样式......

#nav a {
    color:#00adef;
    text-decoration: none;
    font-weight:bold
}

或者,您可以将类分配给特定链接...

<a href="..." class="my-link-class">Link1</a>
<a href="..." class="my-link-class">Link2</a>

使用这个css:

a.my-link-class {
    color:#00adef;
    text-decoration: none;
    font-weight:bold
}