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

这是由于特殊性:虽然a是一个元类型选择器,它不像一个类选择器,它伴随着一个:link伪类,它同样特定于你的.button类.因此,类型+伪类将比类更具体.

这里没有继承,因为没有我可以看到应用于元素的父元素样式.继承是指从父元素采用样式.当你看到链接显示蓝色而不是白色时,那就是工作中的级联,而不是继承.

地点不是CSS术语(至少不在其词汇表中),所以我不确定你的意思.

如果您需要将"号召性用语"按钮设为白色,只需将其设置为a选择器,这样您的选择器就会同样具体,最后一个声明将优先:

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