选择用于样式的文本元素[重复]

Question

我有这种情况：

    <a href="...">
      <span>
         <svg>...</svg>
         A label
      </span>
    </a>

如何选择 "A label" 文本元素（作为 span 元素的第二个子元素）来设置它的样式？

有可能以某种方式吗？

Answer 1

为 span 元素设置样式，并为其子元素取消设置：

.aSpan{
   color: red;
}

.aSpan > *{
   color: initial;
}

<a href="#">
  <span class="aSpan">
       <div>Not this</div>
         This
      </span>
</a>