php - 简单差异 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 类在块中设置多个链接的样式 - 然后选择第二个示例。但是，如果您没有阻止但只需要设置链接样式 - 那么最好使用第一个示例。