Tenho uma caixa cinza e com uma opacidade baixa e dentro dela uma palavra, ao aplicar o seletor 'not' na 'div' principal para cancelar a opacidade da palavra que está em uma tag "p" cercado por essa 'div' o seletor 'not' não faz sua função e a palavra continua com a opacidade baixa, pretendo fazer com que a palavra não pegue as configurações de opacidade da 'div' principal, sem retirar a tag "p" de dentro dela, ??
body{background-color:#6C9;}
.bl:not(p){ position: relative;
z-index:-1;
width:300px;
opacity:0.5;
height:200px;
background-color:#CCC;
border:1px solid #000;
}
p{font-size:25px;
font-weight:bold;
opacity:1;
}
<div class="bl">
<p>BLOCO</p>
</div>