O​ ​que​ ​o​ ​código​ ​abaixo​ ​faz? .header {border: 1px solid #ffffff;} header {background-color: #333333;} header ~ .header {border: 1px ...

O​ ​que​ ​o​ ​código​ ​abaixo​ ​faz?

.header {

border: 1px solid #ffffff;

}

header {

background-color: #333333;

}

header ~ .header {

border: 1px solid #ff0000;

}

Parte superior do formulário

Alternative:

1. Seleciona todos os elementos header precedidos por classes header​ ​e​ ​define​ ​bordas​ ​vermelhas
2. Seleciona todos os elementos com a classe header e deixa o fundo cinza,​ ​todos​ ​os​ ​header​ ​terão​ ​bordas​ ​verdes
3. Seleciona todas os elementos com classes header e define fundo cinza,​ ​seleciona​ ​todos​ ​os​ ​elementos​ ​header​ ​e​ ​define​ ​bordas​ ​pretas
4. Seleciona todas as classes header colocando bordas pretas, todos os elementos header e define fundo cinza e seleciona todos os elementos com classes header precedidas por elementos header e define​ ​bordas​ ​vermelhas
5. seleciona todos os elementos header e define bordas azuis, seleciona todos os elementos com classe header e define background​ ​branco​ ​e​ ​bordas​ ​cinzas