Evrensel Seçici

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

Evrensel seçici (universal selector), bir sayfadaki her HTML öğesini hedefleyen, CSS'deki güçlü bir seçicidir. Bir yıldız işareti (*) ile temsil edilir.

Kullanıldığında, evrensel seçici, türlerine, sınıflarına veya ID'lerine bakılmaksızın belirtilen stilleri tüm öğelere uygular. Bu, tüm belge genelinde global stiller ayarlamak veya varsayılan stilleri sıfırlamak için yararlı olabilir.

Evrensel seçiciyi kullanmak için temel sözdizimi şöyledir:

* {
    property: value;
}

Örneğin, bir sayfadaki tüm öğeler için varsayılan metin rengini ve yazı tipi boyutunu ayarlamak istediğinizi varsayalım. Evrensel seçiciyi şu şekilde kullanabilirsiniz:

* {
    color: black;
    font-size: 14px;
}

Görev

Kolay

Size, başlıklar (<h1>, <h2>), paragraflar (<p>) ve bir bölüm (<div>) dahil olmak üzere çeşitli öğeler içeren bir HTML belgesi verilmiştir. Göreviniz, bu öğeleri stillendirmek için evrensel seçiciyi kullanmaktır. Aşağıdaki adımları izleyin:

Tüm öğelerin metin rengini "darkgray" ve yazı tipi boyutunu 16 piksel olarak ayarlayan, evrensel seçiciyi kullanan bir CSS kuralı yazın.

Kopya kağıdı

Evrensel seçici, bir yıldız işareti (*) kullanarak sayfadaki her HTML öğesini hedefler:

* {
    property: value;
}

Global metin rengini ve yazı tipi boyutunu ayarlama örneği:

* {
    color: black;
    font-size: 14px;
}

Kendin dene

<html>
<head>
    <title>Universal Selector</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>
    <div>This is a division.</div>
</body>
</html>