Seletor universal
Postado por: Pedro Rogério emO seletor universal em CSS é representado pelo caractere *, os desenvolvedores que estão iniciando em CSS, e já também os mais experientes, costumam utilizar esse seletor para resetar as margens e paddings de todos os elementos da página, sua utilização seria semelhante a essa:
* {margin:0; padding:0}
Mas o que muitos não sabem é que a utilização desse seletor não se resume somente a isso, exemplo:
div#header * {font-size:2em}
A regra acima aplica um tamanho de fonte de 2em a todos os elementos que sejam filhos, netos e assim por diante que estejam dentro da div com o id header.
div#content > * {height:100px}
A regra acima aplica um tamanho de 100px a todos os elementos que seja filhos diretos da div com o id content.
Viram como podemos extender o uso do seletor uiversal (*), isso são pequenas coisas do que podemos fazer com CSS.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o CSS no Lanche também escreve para o Pinceladas da Web, blog com assuntos gerais sobre desenvolvimento web.
Funga IE6?
@VitorGGA,
A 3ª regra infelizmente não, mas no IE7 isso já funciona.
Opa! Muito bom Pedro.
Abraços
Newton Calegari
o * pode ser muito últil, mas prefiro o CSS Reset desenvolvido pelo Eric Meyer, achei que ele reseta melhor todas as tags, e depois que comecei a utilzar esta técnica de CSS Reset, as incompatibilidades entre browsers, diminiu em 99%, pelo menos para mim.
Abraços!
@Tosco,
Com certeza a utilização do Reset criado por Eric Meyer ajuda e muito, mas nesse post eu quis mostrar que o seletor universal não deve ser somente utilizado para resetar margin e padding.
Ahh, saquei
Eu não tenho costume de utilizar o * acho meio “gambiarra”.