< Bu ileti mobil sürüm kullanılarak atıldı > |
Selektör Nedir?
Selektör, bir web sayfasındaki belirli öğeleri hedeflemek ve bunlarla etkileşime geçmek için kullanılan bir CSS (Cascade Style Sheets) seçicisidir. Bir selektör, bir HTML öğesinin adını, sınıfını veya kimliğini kullanarak o öğeyi tanımlar.
Selektörler, web sayfasının görünümünü ve davranışını özelleştirmek için kullanılır. Örneğin, tüm başlıkları kırmızı yapmak için "h1, h2, h3 { color: red; }" selektörünü kullanabilirsiniz. Ayrıca, belirli bir sınıfı olan tüm paragrafları gizlemek için ".gizli { display: none; }" selektörünü kullanabilirsiniz.
Selektörler, web geliştirmede çok yönlü ve güçlü bir araçtır. Aşağıdaki şekilde sınıflandırılırlar:
- Tür Selektörleri: Bir HTML öğesinin türünü hedefler (ör. p, div, h1).
- Sınıf Selektörleri: Bir öğenin özel bir sınıfını hedefler (ör. .özel-sınıf).
- Kimlik Selektörleri: Bir öğenin benzersiz kimliğini hedefler (ör. #özel-kimlik).
- Evrensel Selektör: Sayfadaki tüm öğeleri hedefler (ör. *).
- Soyundan Selektör: Bir öğenin belirli bir ögeden türediğini hedefler (ör. ul > li).
- Komşu Selektör: Bir öğenin belirli bir öğenin komşusu olduğunu hedefler (ör. p + h2).
Selektörleri kullanarak, web sayfalarının görünümünü ve işlevselliğini kolayca özelleştirebilir, böylece kullanıcı deneyimini iyileştirebilir ve hedeflerinize ulaşabilirsiniz.