CSS选择父元素的第二个子元素

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>