Class ve ID selector farkı
3 Eylül 2007, Pazartesi 7 pm | Yazan : webdr | 28 okunma | | 28 okunmaDün gece güzide webmaster forumlarımızdan birini gezerken bir soru ile karşılaştım soruda CSS için hangi selectoru tercih etmeliyim diyordu. Değişik değişik cevaplarla karşılaştım ancak bunların hiçbiri resmin tamamını görmeyi sağlamıyordu bu nedenle günlükte belirteyim dedim.
Bu iki selectorden hangisini tercih edeceğiniz konusunda temelde iki noktayı bilmeniz yeterli olacaktır.
1-) ID selectorler daha belirleyicidir ve class selectorlerden daha ağır basarlar, örneğin bir HTML belgesi içerisinde aynı adlı (attribute) hem ID hem de class selector varsa ve CSS belgesi içerisinde bunları birlikte kullanırsanız o zaman ID selector ile yaptığınız ön planda olacak ve class selector kodunun üzerine yazacaktır. Bir örnekle açıklamam gerekirse:
/*ID selector*/
#nav {
color : black;
}
/*Class selector*/
.nav{
color : purple;
}
Bu durumda class selector rengin mor olacağını belirtse dahi aynı isimdeki (attribute) ID selector siyah olacağını belirttiği için, mor renk sadece belgede kalacak ve tasarımınızda etkili olmayacaktır.
2-) Tasarımını yaptığınız bir belge içerisinde ID selectore verdiğiniz attribute, isim vb.. benzersiz olmalıdır başka bir değişle aynı attribute aynı belge içerisinde başka bir ID selector ile kullanılamaz. Örneğin
li id=”liste” ve p id=”liste” şeklinde bir kullanımda bulunamazsınız. Ancak class selector bunun gibi çoklu tercihlerde kullanılabilir yani li class=”liste” ve p class=”liste” şeklinde bir kullanım mümkündür.
Bazen bu gibi web dilleri ilgili anlamadaki temel sorunlar, temel bilgileri bilmemekten gelebiliyor, id selectorlerini sadece yazılması kolay olduğu için değil yukardaki 2 nedenden dolayı tercih edebilirsiniz ya da class selectorleri yine yukardaki nedenlere göre tercih edebilirsiniz.
Komple bir ders hazırlamak gerçekten çok güzel Türkçe kaynaklar varken keşfedilmişi tekrar keşfetmeye çalışmaya benziyor, bu noktada böyle ince ayrıntılara yer vererek en azından google ile arama yapanlara yardımcı olabileceğimi düşündüğüm için bunları yer yer yazacağım.
kolay gelsin,
webdr
Bu Yazıyı Paylaşın: Bağcık |Webiket |Oyyla |LinkiBol |Favorri |Tusul |del.icio.us |
