Seçim Meydan Okuması

Coddy'nin HTML Journey'sinin Styling with CSS bölümünün bir parçası — ders 16 / 76.

Görev

Kolay

Başlıklar (<h1>, <h2>), paragraflar (<p>), bir bölüm (<div>) ve liste öğeleri (<li>) içeren sırasız bir liste (<ul>) dahil olmak üzere çeşitli öğeler içeren bir HTML belgesi size verilmiştir. Göreviniz, bu öğeleri stillendirmek için farklı seçici türlerini kullanmaktır. Aşağıdaki adımları izleyin:

Tüm <p> öğelerini hedefleyen bir type selector kullanarak bir CSS kuralı yazın. Metin rengini blue ve yazı tipi boyutunu 16 pixels olarak ayarlayın.
<h2> öğesine ve <div> öğesine "highlight" değerine sahip bir class özniteliği ekleyin.
"highlight" sınıfına sahip tüm öğeleri hedefleyen bir class selector kullanarak bir CSS kuralı yazın. Arka plan rengini yellow olarak ayarlayın.
<ul> öğesine "special" değerine sahip bir id özniteliği ekleyin.
"special" kimliğine (ID) sahip öğeyi hedefleyen bir ID selector kullanarak bir CSS kuralı yazın. Arka plan rengini lightgray ve yazı tipi boyutunu 20 pixels olarak ayarlayın.
Tüm <h1> ve <li> öğelerini hedefleyen bir group selector kullanarak bir CSS kuralı yazın. Metin rengini red olarak ayarlayın.

Kendin dene

<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>