指定 "a" 和取整 class/container 之间有什么区别？

Question

好吧，我一直在为我妈妈的生意做网站，偶然发现了一件有趣的事情，我现在真的找不到区别，因为网站仍处于早期开发阶段。（尝试谷歌搜索但没有帮助）

基本上我的问题是：

css(和html)有什么区别;

container a:hover;

和

container:hover;

我的意思是应该没有什么不同。在这两种情况下，只要像这里一样只使用 <a></a> 类型，它将适用于所有内容：

<a href="index.html">#name of the button</a>

东西在这里：

.nav-link-wrapper:hover {
    border-bottom: 1px solid black;
}
.nav-link-wrapper a:hover {
    color:black;
}

为什么我必须指定 class 内的 a 来应用颜色，而我不必为了操作边框而指定。

对不起，如果被问到。这更像是一个初学者的问题，我找不到已经问过这个问题的人。

Answer 1

如果在.nav-link-wrapper:hover中设置color，不会有影响，因为a标签有自己的样式。因此，为了为该 a 标签添加样式，您需要指定 a.

Answer 2

如果您明白为什么必须为您的 a 标签显式使用 color 属性是因为在其上应用了浏览器特定颜色属性。 color 和 text-decoration 明确应用于它，如下图所示：-)

这仅适用于 color 属性，不适用于任何其他属性。在下面的代码片段中，我为正文设置 font-size 并将其应用于 a 标签。

body{
  color:orange; /*  Parent Not applied */
  font-size:2rem; /* Applied to Child*/
}

<body>
  <a href="/">Test Link</a>
</body>

What is the difference betweeen specifying "a" and taking whole class/container?