html - Exclude element inside css class -

i know there "not" tag, in case not know how apply it.

i want inside class

html structure.

 <div>      <span></span>      here text 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; } 

you can overwrite span style 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 text needs css.  </div>

or can place text in span , use 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 text needs css.</span>  </div>