列表项链接的奇怪继承

Question

在将我的html更新为html5的过程中，我注意到继承表现得有些奇怪。我不确定为什么ul li列表中的链接与使用与之无关的块匹配css规则。

例如在屏幕截图1（旁边）中，它从页脚接管样式（但是截图也来自role = navigation）

在屏幕截图2（页脚）中，它取自旁边的样式（以及截图也来自role = navigation）

为什么会这样做？

Answer 1

在第一个屏幕截图中，应用的css用于#footer #footerGrid ul li a，a：link，a：visited。通过将其与昏迷分开，您有3种不同的css选择器：

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

因此，这会应用于页脚部分，但也会在：link和a：visited上触发。你的第二张截图也是如此！反之亦然！

文档：

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

  

注意分组选择器时，请记住逗号启动   从一开始就是全新的选择。