Olá, durante a aula 11 o instrutor comenta que podemos utilizar o id para realizar os ajustes do input do nome:
#nome {
width: calc(100% - 2em);
position: relative;
left: 2em;
}
Eu percebi que também utilizamos os elementos para realizar alguns ajustes, por exemplo:
input[type="text"],
input[type="email"],
textarea {
font-family: inherit;
font-size: 100%;
padding: .25em .5em;
width: 100%;
box-sizing: border-box;
border: 1px solid #ccc;
}
input[value="Outro"] ~ input {
display: none;
}
Utilizar o id seria para algo mais específico, enquanto que utilizar os elementos seria algo mais genérico, por exemplo o input[type="text"], pegaria todos os input com type "text". Foi isso que eu entendi.
Minha dúvida é se existe algum outro motivo ou qual a diferença (além dessa que eu citei) entre utilizar, por exemplo:
input[value="Outro"] ~ input {
display: none;
}
ou
#outro ~ input {
display: none;
}
Obrigado.