对所有后代应用样式，但链接无效

Question

我有一种方案将颜色应用于除锚标记<a>以外的所有子代。

 .texts *:not(a) {
      color: red;
    }

    <div class="texts">
      <div class="wrapper">
        sample text in this
      </div>
        <div class="wrapper">
        sample text in this
      </div>
        <div class="wrapper">
        sample text in this
      </div>
        <div class="wrapper">
        sample text in this
      </div>
        <div class="wrapper">
        <a href="#">TEST</a>
      </div>
        <div class="wrapper">
        sample text in this
      </div>
    </div>

这正在工作。但是当我检查时，我可以看到样式已应用于锚标记元素。我稍后将转换所有应用于内联的样式。因此在检查时被击中的颜色被视为内联。为什么会这样。参见

Answer 1

color样式是 not 明确应用于您的锚元素。

color的默认值为inherit，因此即使您已从选择器中排除锚点，它仍将从其父项div.wrapper继承颜色。

仅供参考；您的检查员实际上指出：

Answer 2

因为锚点不是.texts的子项

检查一下

xy

css不适用于test2子锚：）