CSS Seçici Nedir? Seçici Türleri Nelerdir?

CSS seçiciler (selectors), HTML belgesinde belirli öğeleri hedeflemek ve bu öğelere stil uygulamak için kullanılan ifadelerdir. CSS seçicileri, belirli bir öğe veya öğe grubunu seçmek için kullanılır. İşte yaygın olarak kullanılan CSS seçici türleri:

1. Element Seçiciler:

   • Belirli HTML öğelerini hedefler.

     p {
         color: blue;
     }
     

2. ID Seçiciler:

   • Belirli bir HTML öğesini, ID'siyle birlikte seçer.

     #header {
         background-color: #333;
     }
     

3. Class Seçiciler:

   • Belirli bir HTML öğesini, class'ıyla birlikte seçer.

     .highlight {
         font-weight: bold;
     }
     

4. Gruplama Seçicileri:

   • Birden fazla seçiciyi virgülle ayırarak bir araya getirir.

     h1, h2, h3 {
         color: green;
     }
     

5. Evrensel Seçici:

   • Tüm öğeleri seçer.

     * {
         margin: 0;
         padding: 0;
     }
     

6. Alttan Çoklu Seçici:

   • Belirli bir alt öğeyi seçmek için kullanılır.

     ul > li {
         list-style-type: square;
     }
     

Bu seçici türleri, CSS'de belirli öğeleri seçmek ve stil uygulamak için kullanılır. Doğru seçici kullanımı, web sayfalarının düzenlenmesinde ve tasarlanmasında önemlidir.