Estou utilizando o Bootstrap na versão v3.0 e analisando o arquivo CSS
, encontrei esse trecho:
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Gostaria de saber, qual a utilização *
.
Na versão corrente do Bootstrap (3.3.4), ele está dentro de um @media Print{}
, assim:
@media print {
*,
*:before,
*:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
Gostaria de saber, para que serve esse código?
*
seleciona todos os elementos. Sua dúvida é só isso ou é sobre o:before
e:after
também?