如何为“CSS”的特定实例定义CSS；“a”吗；？

因此，在我的CSS文件中，我有：

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

但我不希望所有的链接都是那种特定的颜色/重量。那么我如何创建一个特定的“实例”，这样我就可以为特定div（比如nav）中的所有HTML标记定义CSS，但不会影响该div之外的链接？

您可以使“a”标记、选择器、id或类特定。就这样

nav a{
    color:#f00;
    text-decoration:none;
    font-size:20px;
}
#menu a{
color:blue;
text-decoration:underline;
font-size:16px;
}
.menu a{
color:green;
text-decoration:underline;
font-size:14px;
}

---

假设您的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>

---

只需将规则指定给div#nav标记中的所有锚：

---

您可以使用基本CSS语法和

nav

HTML5标记选择块内的特定链接：

nav a {  /* every "a" tag in nav blocks */
    color:#00adef;
    text-decoration: none;
    font-weight:bold
}

如果有多个具有类或ID，则可以指定哪个

div

：

div#nav a {  /* every "a" tag in nav block id="nav" */
    color:#00adef;
    text-decoration: none;
    font-weight:bold
}

在div id=“nav”中，所有“a”元素都将具有相同的样式，因为您可以通过CSS进行设置（就像下面看到的第一个div）。您还可以创建第二个div，以便在鼠标位于“a”元素上时管理样式

#a1{
颜色：#00adef；
文字装饰：无；
字体大小：粗体
}

a#linkwithid{…}

。

nav a {  /* every "a" tag in nav blocks */
    color:#00adef;
    text-decoration: none;
    font-weight:bold
}

div#nav a {  /* every "a" tag in nav block id="nav" */
    color:#00adef;
    text-decoration: none;
    font-weight:bold
}

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

#nav a:hover{
color:grey;
text-decoration: underline;
font-weight:bold;}

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

<a href="..." >Link</a>
<a href="..." id="a1">Link1</a>
<a href="..." >Link2</a>