css - 父选择器是否优先于 CSS 中的子选择器？

Question

我有一个关于 CSS 选择器如何在父子之间工作，以及哪个优先于另一个的问题。

<div class="red">
  <div class="blue">
    <div class="green">
    </div>
  </div>
</div>

如果你有

   .red .green{
    border: 1px solid red;
    }

    .blue .green{
    border: 1px solid blue;
    }

哪个会生效？要覆盖 CSS 样式，它是否必须与您要覆盖的选择器一样具体？

Answer 1

您应该继续阅读 specificity .

为了回答您的直接问题，您的所有选择器都具有相同的特异性，因此在 .green 的情况下，最后一条规则优先:您的边框将为蓝色。