Seletor Universal

Parte da seção Styling with CSS do Journey de HTML da Coddy — lição 15 de 76.

O seletor universal é um seletor poderoso no CSS que seleciona todos os elementos HTML em uma página. Ele é representado por um asterisco (*).

Quando utilizado, o seletor universal aplica os estilos especificados a todos os elementos, independentemente de seu tipo, classe ou ID. Isso pode ser útil para definir estilos globais ou redefinir estilos padrão em todo o documento.

Aqui está a sintaxe básica para usar o seletor universal:

* {
    property: value;
}

Por exemplo, digamos que você queira definir a cor do texto e o tamanho da fonte padrão para todos os elementos em uma página. Você pode usar o seletor universal desta forma:

* {
    color: black;
    font-size: 14px;
}

Desafio

Fácil

Você recebeu um documento HTML com vários elementos, incluindo cabeçalhos (<h1>, <h2>), parágrafos (<p>) e uma divisão (<div>). Sua tarefa é usar o seletor universal para estilizar esses elementos. Siga as etapas abaixo:

Escreva uma regra CSS usando o seletor universal que define a cor do texto de todos os elementos como darkgray e o tamanho da fonte como 16 pixels.

Folha de consulta

O seletor universal seleciona todos os elementos HTML em uma página usando um asterisco (*):

* {
    property: value;
}

Exemplo definindo a cor do texto e o tamanho da fonte globais:

* {
    color: black;
    font-size: 14px;
}

Experimente você mesmo

<html>
<head>
    <title>Universal Selector</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a main heading</h1>
    <h2>This is a subheading</h2>
    <p>This is a paragraph.</p>
    <div>This is a division.</div>
</body>
</html>