Seçim Görevi

Coddy'nin HTML Journey'sinin CSS ile Stil Verme 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>) gibi çeşitli öğelerin bulunduğu bir HTML belgesi veriliyor. Göreviniz, bu öğeleri biçimlendirmek için farklı seçici türlerini kullanmaktır. Aşağıdaki adımları izleyin:

Tüm <p> öğelerini hedefleyen bir tür seçicisi kullanarak bir CSS kuralı yazın. Metin rengini mavi, yazı tipi boyutunu 16 piksel olarak ayarlayın.
<h2> öğesine ve <div> öğesine değeri "highlight" olan bir class özniteliği ekleyin.
"highlight" sınıfına sahip tüm öğeleri hedefleyen bir sınıf seçicisi kullanarak bir CSS kuralı yazın. Arka plan rengini sarı olarak ayarlayın.
<ul> öğesine değeri "special" olan bir id özniteliği ekleyin.
Kimliği "special" olan öğeyi hedefleyen bir ID seçicisi kullanarak bir CSS kuralı yazın. Arka plan rengini açık gri, yazı tipi boyutunu 20 piksel olarak ayarlayın.
Tüm <h1> ve <li> öğelerini hedefleyen bir grup seçicisi kullanarak bir CSS kuralı yazın. Metin rengini kırmızı 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>