estou com um problema estou editando um h2
com css e dentro desse h2
tem um span
porem queria aplicar o estilo no h2
porem não quero que o estilo se aplique no meu span
estou usando o seletor :not(span)
para isso porem não funciona segue meu código:
html
<div class="text-center box-product band-product">
<h2>Quero<br>anunciar meu<br><span>produto</span></h2>
<a href="#" title="Saiba mais">Saiba mais <i class="fas fa-arrow-right"></i></a>
</div>
SCSS:
.box-product{
background-color: $light-gray;
h2:not(span){
line-height: 30px;
@include gradient-orange(#f97c16, #feb226);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
span{
color: $gray;
font-weight: normal;
font-family: "good_vibes", sans-serif;
font-size: 2em;
text-transform: capitalize;
}
}
}
percebam que a cor que estou aplicando no h2
está se aplicando no meu span tbm não quero isso como posso resolver segue a imagem