Seletores universais
Lição 6 de 15 do curso Seletores CSS da Coddy.
O seletor universal é um tipo especial de seletor CSS que seleciona todos os elementos em uma página da web. Ele é denotado por um asterisco (*).
Por exemplo, o seletor * seleciona todos os elementos na página.
Aqui está um exemplo de como usar um seletor universal para estilizar uma página da web:
* {
color: red;
font-size: 2em;
}Esta regra CSS estilizará todos os elementos na página para ficarem vermelhos e terem um tamanho de fonte de 2em.
Quando usar seletores universais?
Seletores universais podem ser usados quando você deseja estilizar todos os elementos em uma página da web. Por exemplo, você poderia usar um seletor universal para definir o tamanho da fonte de todos os elementos na página para 16px.
Seletores universais também podem ser usados para estilizar elementos que não receberam nenhum outro seletor. Por exemplo, se você tem uma página da web com muitos elementos div, mas não atribuiu a nenhum deles nenhum atributo de classe ou ID, você poderia usar um seletor universal para estilizar todos os elementos div.
Desafio
Fácil- Crie uma página web com dois elementos
div. - Não atribua a nenhum dos elementos
divnenhum atributo de classe ou ID. - Use um seletor universal para estilizar todos os elementos
divpara que fiquem com a cor red e tenham um tamanho de fonte de 80px.
Experimente você mesmo
<html>
<head>
<title>Universal Selector Exercise</title>
<style>
/* CSS Code goes here */
</style>
</head>
<body>
</body>
</html>
Todas as lições de Seletores CSS
3Seletores Combinadores
Seletor de filhoSeletor de descendenteSeletor de irmão adjacenteSeletor de irmão geral