Display em form

Fala Amanda, tudo bem?

Caso você colocasse apenas form você estaria selecionando apenas o formulário e não os campos que você realmente deseja aplicar aquele estilo, que no caso é o label e o input , então se você colocasse apenas o form, apenas o formulário ficaria com o display block e não os campos desse formulário.

Espero ter ajudado, bons estudos :D

Mas o formulário não seria a composição de label e input? Logo se colocasse a propriedade display:block em form apenas em teoria, não deveria funcionar?

Não, o form é como qualquer outra tag, se eu aplicar algum estilo no form não será aplicado nos campos, somente na tag form, igualmente para qualquer elemento do HTML.

Amanda... havia te escrito um texto explicando tudo, mas aqui não exibe limite de caracteres e apaga todo o texto após apertar Responder. Vou resumir, sem explicar de forma que ententa tudo, pois já havia gasto quase 1h escrevendo e formatando.

A propriedade display não é herdada. Ou seja, só será aplicada no elemento que você selecionar.

• form { display: block } aplica no form

• form label { display: block } aplica no label filho do form

• form input { display: block } aplica no input filho do form

• https://developer.mozilla.org/pt-BR/docs/Web/CSS/Syntax

• https://www.maujor.com/tutorial/heranca-css.php

• https://tableless.com.br/efeito-cascata-e-especificidade-do-css/

Obrigada pela explicação gente! Agora entendi!