thumbnail

CSS Class Kullanımı

Class seçicisi tıpkı ID seçicisi gibi etikete ulaşmamızı sağlayan bir yoldur. Fakat ID alanı gibi benzersiz bir tanımlamaya sahip olmak zorunda değildir. Örneğin bir div sayfası içerisinde birde fazla html elementi olabilir. Bu html elementleri div içerisinde olacağı gibi dışında da yer alabilir. Bu gibi durumlarda class özelliği bize kolaylık sağlıyor. Nasıl mı? Hemen inceleyelim. ID Kullanımı konusunda olduğu gibi aynı örnek üzerinden gitmek istiyorum.


<div class ="merhaba">dünya</div>

<p class="merhaba">Kişisel Blog</p>

Yukarıdaki örnekte aynı div ve p elementlerine aynı class’ı tanımladık. Hemen CSS içerisinde class’ımızı oluşturalım.


.merhaba

{

color : Red;

Font-Family: arial;

}

Bu yaptığımız işlem ile iki elemente de arial fontunu ve kırmızı rengini atadık. Peki ben bu class kullanan her element değil de sadece benim istediğim elementler bu özellikleri alsın demek istersem? O zamanda şu şekilde kodlarımızı modifiye edelim.


div.merhaba

{

Color : Red;

Font-Family : arial

}

Bu sayede Classımız sadece div içerisinde kullanılır ise aktif olacak.

Gördüğünüz gibi Class’ta nokta(.) kullandık. Bu dersimizde böyle son buluyor.

Umurım faydalı olmuştur. Bir başka Css şenliğinde görüşmek üzere 😀

 

 

 

 

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir