[Projeto] Seletores e Cálculo com CSS - Consolidando o seu conhecimento

EX1:

<p>início</p>

<div>
    <p>olá</p>
    <p>alura</p>
</div> 

Para selecionar apenas os parágrafos que são filhos diretos da div deve-se escrever no arquivo CSS: .div > p {}

EX2:

<p>olá</p>
<h2>título</h2>
<p>mundo</p>
<p>!</p>

Para selecionar apenas o parágrafo posterior ao título, deve-se escrever no arquivo CSS: .h2 + p {}

EX3:

<p>olá</p>
<h2>título</h2>
<p>mundo</p>
<p>!</p>

Para selecionar todos os parágrafos posteriores ao título, deve´se escrever no arquivo CSS: .h2 ~ p {}

EX4:

<p>início</p>

<div>
    <p>olá</p>
    <p id = "id">alura</p>
</div> 

Para selecionar os parágrafos que não contém o identificador, deve-se escrever no arquivo CSS: .p:not(#id) {}

EX5:

Para mudar a largura de um elemento, que apresenta 150px de largura em sua totalidade, para uma largura de 20px, pode-se utilizar a função calc(), width = calc(10% + 5px);