简单差异CSS

Question

抱歉的问题，但有什么区别：

a.highlight{
color: blue;
}

和

.highlight a{
color: blue;
}

标记：

 <a href="#" class="highlight">Link</a>

由于

Answer 1

a.highlight

这将选择类highlight

的锚点

当：

.highlight a

将选择具有类highlight

的元素的后代的锚点

Answer 2

a.highlight选择该类的所有元素。 .highlight a选择所有元素作为具有该类的元素的后代。

Answer 3

  a.highlight{
        color: blue;
  }

是类突出显示的锚点

  .highlight a{
        color: blue;
  }

编辑：

是包含“highlight”类的内容的锚点

对于你的标记，你需要第一条规则。

Answer 4

事实上，这两个陈述没有区别。稍后可以找到差异，例如，您需要使用.highlight类在块中设置多个链接样式 - 然后选择第二个示例。但是如果你没有阻止但只需要设置链接的样式 - 那么最好使用第一个例子。