html - 为所有后代应用样式，除了链接不起作用

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>

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

标签： htmlcss

Answer 1

该color样式未明确应用于您的锚元素。

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

供参考; 您的检查员实际上是这样说的：