css - 列表项链接的奇怪继承

Question

在将我的 html 更新为 html5 的过程中，我注意到继承行为有点奇怪。我不确定为什么 ul li 列表中的链接将 css 规则与与其无关的 block 相匹配。

例如在屏幕截图 1(旁边)中，它从页脚接管样式(但在屏幕截图之外也来自 role=navigation)

在屏幕截图 2(页脚)中，它采用了旁边的样式(以及来自 Angular 色=导航的屏幕截图)

为什么会这样？

Answer 1

在您的第一个屏幕截图中，应用的 css 用于#footer #footerGrid ul li a, a:link,a:visited。通过用逗号将其分开，您将拥有 3 个不同的 css 选择器:

• #footer #footerGrid ul li a
• 一个:链接
• a:访问过

所以这会应用于页 footer 分，但也会在 a:link 和 a:visited 上触发。你的第二张截图也是如此，反之亦然!

相关文档:

• http://msdn.microsoft.com/en-us/library/aa358833%28v=vs.85%29.aspx

Note When grouping selectors, remember that the comma starts an entirely new selector from the beginning.