Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Destacando um trabalho

Por que não da certo usando os seletores avançados do css? por exemplo "+" para especificar que eu quero o primeiro li da class portfolio?

.portfolio li {
    display: inline-block;
    border: .5em solid black;
    background-color: #FAFFFC;
    width: 45%;
    box-sizing: border-box;
    padding: 1em;
    margin-right: 1em;
    margin-bottom: 1em;

}

.portfolio img {
    width: 100%;
    box-shadow: 0 0 4px #000;
}

.portfolio + li {
    width: 100%;

}

usando o "+", já nao está especifico que é apenas o primeiro li para selecionar? colocando assim a largura de 100% no primeiro trabalho.

2 respostas
solução!

Oi Victor, tudo bem?

Lembre-se que o "+" é usado para elementos irmãos.

Se o caso fosse algo como no exemplo abaixo:

 <div class="portfolio">...</div>
 <li> ... </li>

Aí sim pegaria. No caso para pegar elementos filhos diretos podemos usar o ">", e se não queremos ser muito específicos colocamos apenas o espaço para pegar os "filhos", "netos", "bisnetos", etc.

Espero ter ajudado,

Abcs!

Natan, muito obrigado pela explicação! Esclareceu minha dúvida!