Desafio de Seleção

Parte da seção Estilização com CSS do Journey de HTML da Coddy. Lição 16 de 76.

Desafio

Fácil

Você recebeu um documento HTML com vários elementos, incluindo títulos (<h1>, <h2>), parágrafos (<p>), uma divisão (<div>) e uma lista não ordenada (<ul>) com itens de lista (<li>). Sua tarefa é usar diferentes tipos de seletores para estilizar esses elementos. Siga as etapas abaixo:

Escreva uma regra CSS usando um seletor de tipo que tenha como alvo todos os elementos <p>. Defina a cor do texto como azul e o tamanho da fonte como 16 pixels.
Adicione um atributo class com o valor "highlight" ao elemento <h2> e ao elemento <div>.
Escreva uma regra CSS usando um seletor de classe que tenha como alvo todos os elementos com a classe "highlight". Defina a cor de fundo como amarela.
Adicione um atributo id com o valor "special" ao elemento <ul>.
Escreva uma regra CSS usando um seletor de ID que tenha como alvo o elemento com o ID "special". Defina a cor de fundo como cinza-claro e o tamanho da fonte como 20 pixels.
Escreva uma regra CSS usando um seletor de grupo que tenha como alvo todos os elementos <h1> e <li>. Defina a cor do texto como vermelha.

Experimente você mesmo

<html>
<head>
    <title>Selection Challenge</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>
    <p>This is another paragraph.</p>
    <div>This is a division.</div>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</body>
</html>