Seçiciler: Biçimlendirilecek Öğeyi Belirleme

Biçimlendirmeden önce neyi biçimlendireceğinizi belirtirsiniz. Seçicinin görevi budur. Bu ders konuyu anlaşılır hale getirecek, söz veriyorum. ✨

Seçici, yalnızca “şu şey, tam burada” diye göstermektir. Hepsi bu kadar basit. Ezberlemeniz gerekmiyor.

En kolay seçici, bir etiket adı kullanır. “p” yazdığınızda sayfadaki her paragrafı aynı anda seçersiniz.

Yalnızca bazı öğeleri mi biçimlendirmek istiyorsunuz? Onlara bir sınıf verin ve .note gibi bir noktayla seçin. Son derece esnektir!

En iyi yanı şudur: tek bir sınıf birçok öğede yeniden kullanılabilir. Bir kez biçimlendirin, her yerde uygulayın. Büyük bir zaman tasarrufu. ⏱️

Özel bir öğeye mi ihtiyacınız var? Ona bir kimlik verin ve #header gibi bir kare işaretiyle seçin. Bir kimlik benzersiz olmalıdır.

Hızlı bir hatırlama yöntemi: nokta birçok öğe (sınıf), kare işareti ise tek bir öğe (kimlik) içindir. Etiket adları hiç sembol kullanmaz.

Sınıfları grup isim etiketleri, kimlikleri ise tek bir VIP rozeti olarak düşünün. Seçiciler yalnızca bu etiketleri okur. 🏷️

Gerçek sayfalar, tam olarak istedikleri şeyleri biçimlendirmek için etiketleri, sınıfları ve kimlikleri birleştirir. Artık üçünü de biliyorsunuz! 🙌

Artık CSS'in ne olduğunu açıklayabilir, bir kuralı okuyabilir ve seçicilerle hedefleri belirleyebilirsiniz. Bu, gerçek bir CSS temelidir. Sizinle gurur duyuyorum! 🎉