简单的差异CSS [重复]答案

【问题标题】：Simples Differences CSS [duplicate]简单的差异CSS [重复]
【发布时间】：2013-04-19 07:21:04
【问题描述】：

对不起，菜鸟问题，但有什么区别：

a.highlight{
color: blue;
}

和

.highlight a{
color: blue;
}

标记：

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

谢谢

【问题讨论】：

标签： php html css

【解决方案1】：

a.highlight

这将选择类highlight的锚

何时：

.highlight a

将选择一个后代的锚点，该元素的类为 highlight

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

  a.highlight{
        color: blue;
  }

是一个带有类高亮的锚

  .highlight a{
        color: blue;
  }

编辑：

是一个包含在“highlight”类的东西中的锚

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

【讨论】：

【解决方案4】：

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

【讨论】：