Evrensel seçiciler
Coddy'nin CSS Seçicileri kursunda ders 6 / 15.
Evrensel seçici, bir web sayfasındaki tüm öğeleri seçen özel bir CSS seçici türüdür. Bir yıldız işareti (*) ile gösterilir.
Örneğin, * seçicisi sayfadaki tüm öğeleri seçer.
İşte bir web sayfasını stillendirmek için evrensel seçicinin nasıl kullanılacağına dair bir örnek:
* {
color: red;
font-size: 2em;
}Bu CSS kuralı, sayfadaki tüm öğeleri kırmızı olacak ve 2em yazı tipi boyutuna sahip olacak şekilde stillendirecektir.
Evrensel seçiciler ne zaman kullanılır?
Evrensel seçiciler, bir web sayfasındaki tüm öğeleri stillendirmek istediğinizde kullanılabilir. Örneğin, sayfadaki tüm öğelerin yazı tipi boyutunu 16px olarak ayarlamak için bir evrensel seçici kullanabilirsiniz.
Evrensel seçiciler, başka herhangi bir seçici verilmemiş öğeleri stillendirmek için de kullanılabilir. Örneğin, çok sayıda div öğesi içeren bir web sayfanız varsa ancak bunlardan hiçbirine herhangi bir sınıf veya ID özniteliği vermediyseniz, tüm div öğelerini stillendirmek için bir evrensel seçici kullanabilirsiniz.
Görev
Kolay- İki
divöğesi içeren bir web sayfası oluşturun. divöğelerinin hiçbirine herhangi bir class veya ID özniteliği vermeyin.- Tüm
divöğelerini red olacak ve 80px yazı tipi boyutuna sahip olacak şekilde stillendirmek için bir evrensel seçici kullanın.
Kendin dene
<html>
<head>
<title>Universal Selector Exercise</title>
<style>
/* CSS Code goes here */
</style>
</head>
<body>
</body>
</html>