排除css类中的元素

Question

我知道有一个"not"标记，但在这种情况下，我不知道如何应用它。

我想在这个班级里说些什么

HTML结构。

 <div>
     <span></span>
     HERE IS TEXT THAT NEEDS CSS.
 </div>

CSS

div not:span {
        text-shadow: 1px 1px #000, 1px -1px #000, 1px 0 #000, -1px 1px #000, -1px -1px #000, -1px 0 #000, 0 1px #000, 0 -1px #000;
}

Answer 1

您可以用text-shadow: none 覆盖span样式

div {
  text-shadow: 1px 1px #000, 1px -1px #000, 1px 0 #000, -1px 1px #000, -1px -1px #000, -1px 0 #000, 0 1px #000, 0 -1px #000;
}
span {
  text-shadow: none;
}

<div>
  <span>Span</span>
  HERE IS TEXT THAT NEEDS CSS.
</div>

或者，您可以将文本放置在另一个跨度中，然后使用div span:not(:first-child)

div span:not(:first-child) {
  text-shadow: 1px 1px #000, 1px -1px #000, 1px 0 #000, -1px 1px #000, -1px -1px #000, -1px 0 #000, 0 1px #000, 0 -1px #000;
}

<div>
  <span>Span</span>
  <span> HERE IS TEXT THAT NEEDS CSS.</span>
</div>