CSS 特异性还是继承？

Question

我在这里看过类似的问题，但没有找到一个特别适合我的问题。

如果我没看错这篇文章:http://css-tricks.com/specifics-on-css-specificity/

那么发生的事情对我来说没有意义。有人可以解释一下这是由于地域、遗传还是特殊性造成的吗？我已经删除了所有不相关的 css。

CSS

a:link {font-size:0.875em;color:#005984}
.button {color:#fff}

HTML

<a class="button">Awesome call to action</a>

我最终得到一个带有蓝色文本而不是白色文本的按钮。现在，a 是一个元素，所以它的特异性应该低于 .button 类，不是吗？

感谢您的宝贵时间。

Answer 1

这是由于 specificity :虽然 a 是一个元素类型选择器，它没有类选择器那么具体，但它伴随着一个 :link 伪类，它同样特定于您的 。按钮类。因此，类型 + 伪类将比类更具体。

这里没有继承，因为我看不到父元素样式应用于您的元素。 Inheritance指的是从父元素中采用样式。当您看到链接显示蓝色而不是白色时，那就是 cascade在工作中，而不是继承。

局部性不是 CSS 术语(至少在其词汇表中不是)，所以我不确定您的意思。

如果您需要您的号召性用语按钮是白色的，只需将 a 选择器也给它，这样您的选择器同样具体并且最后的声明将优先:

a:link {font-size:0.875em;color:#005984}
a.button {color:#fff}