CSS Gruplama ve Üzerine Yazma
GruplamaBirden fazla stilde sıklıkla kullanılan CSS komutları varsa, bunları toplu olarak yazıp özelliği bir kez yazma şansına sahibiz. Buna gruplama diyoruz. Örneğe bakalım:CSS Kodu
h1 { color: green; }
h2 { color: green; }
p { color: green; }
CSS Kodu
h1, h2, p { color: green; }
Üzerine Yazma
Bazen tüm elementleri kapsayacak kodlar yazarız. Ancak bir ya da birkaç element bundan farklı olmalıdır. İşte bu durumda tüm elementlerde geçerli olan özellikleri değiştirmemiz gerekebilir.Şu şekil bir HTML kodumuz olsun:
HTML Kodu
<p>Bu bir paragraf</p>
<p>Bu da bir paragraf ancak farklı bir stili olacak</p>
<p>Bu da bir paragraf ve 1. paragraf ile aynı olacak</p>
CSS Kodu
p {
font: 10pt Tahoma;
color: gray;
}
.kirmizi p {
color: red;
}
HTML Kodu
<p>Genel stile sahip paragraf</p>
<p class="kirmizi">Kırmızı renkli olacak paragraf</p>
<p>Diğer bir genel stile sahip paragraf</p>
UYARI: Yukarıdaki örnekte .kirmizi p yerine p.kirmizi kullanılabilir.