Desafio de Seleção

Parte da seção Styling with 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 cabeçalhos (<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 blue 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 yellow.
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 lightgray 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 red.

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>