html - 类选择器及其效果

Question

我是 CSS/HTML 的新手，而且我的母语不是英语，所以我在理解类之间的关系时遇到了一些问题。我举个例子:

.classA .classB {
  color: red
}

.classC {
  color: blue
}

<div class="classA">
  <p class="classB classC">
    This text is red
  </p>
</div>

我的问题是:为什么它没有应用 .classC 中定义的样式？

Answer 1

因为 .classA .classB 更具体。然后是.classC。

如果你会写:

.classA .classC {color:blue}

然后它会被应用。

有关更多详细信息，您可以查看MDN CSS Specificity。