排除css类中的元素

Question

我知道有一个＆＃34;不是＆＃34;标签，但在这种情况下，我不知道如何应用它。

我想在这堂课内说些什么

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

覆盖范围样式

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>