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>