<html>
<head> <link rel="stylesheet" href="https://gitlab.com/joaocarlosdejesus19/teste/-/raw/master/teste.css"/>
</head>
<body>
<div>
<h2> Olá </h2>
</div>
</body>
</html>
Minha Dúvida é, porque o link estilo externo que chamei não funcionou?
Como Eu poderia resolver isso.
assim dá errado também, porém consegui resolver criando outra div e expandindo Ela ao tamanho da div Pai, assim só usei z-index para deixar as fotos por cima.
Eu queria que opacity só funcionasse no id direcionado, menos na imagem
<style>
#test:not(.teste){
color:blue;
-webkit-opacity:0.5;
}
</style>
<div id="test">
<div>
<h2>Olá</h2>
</div>
<img class="teste"src="https://www.prestus.com.br/wp-content/uploads/2018/07/script-de-atendimento-1-1024x683.jpg"style="width:100px;height:100px;"/>
</div>