Recentemente me deparei * *
com CSS .
Referência do site - Link do site .
Para um único *
uso na folha de estilo CSS, Internet e Stack Overflow são inundados com exemplos, mas não tenho certeza sobre o uso de dois * *
símbolos em CSS.
Pesquisei no Google, mas não consegui encontrar nenhuma informação relevante sobre isso, pois um único *
seleciona todos os elementos, mas não tenho certeza por que o site usou duas vezes. Qual é a parte que falta para isso e por que este hack é usado (se for um hack)?
fonte
* { font-size: XXX }
regra e uma* * { font-size: YYY }
regra. Um deles se aplica à maioria dos navegadores e o outro se aplica a navegadores com um determinado bug, embora eu não tenha paciência para descobrir os detalhes. É semelhante ao* html
hack que costumava ser usado para detectar o IE antigo.* html
,* *
vai coincidir com o elemento html no IE6.Apenas um pequeno grande exemplo:
Tente adicionar isso em seu site:
Demo: http://jsfiddle.net/l2aelba/sFSad/
Exemplo 2:
Demo: http://jsfiddle.net/l2aelba/sFSad/34/
fonte
* *
Corresponde a tudo, exceto o elemento de nível superior, por exemplohtml
,.fonte
* *
seletor é equivalente ahtml *
para todos os navegadores exceto o bom e velho IE6 :-)* *
é equivalente ahtml *
... para um arquivo HTML. Mas CSS pode ser usado para estilizar outros tipos de documentos (principalmente SVG).*
significa aplicar determinados estilos a todos os elementos.* *
significa aplicar os estilos fornecidos a todos os elementos filho do elemento. Exemplo:Isso aplica estilos de margem a todos os elementos filho do corpo. Da mesma forma,
aplica
margin: 0
- se aos*
elementos filhos de. Resumindo, isso se aplicamargin: 0
a quase todos os elementos.Geralmente, um
*
é o suficiente. Não há necessidade de dois* *
.fonte
* *
aplica estilos a elementos descendentes , não a elementos filhos. Os elementos filhos seriam>
como em seu exemplo, não o espaço. Descendente e filho não são a mesma coisa.Isso seleciona todos os elementos aninhados dentro de outro elemento da mesma maneira
div a
que selecionaria todos os<a>
elementos aninhados em algum lugar dentro de um<div>
elemento.fonte