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; } 

     Canlı Dene Kopyala

2. ID Seçiciler:

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

     #header { background-color: #333; } 

     Canlı Dene Kopyala

3. Class Seçiciler:

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

     .highlight { font-weight: bold; } 

     Canlı Dene Kopyala

4. Gruplama Seçicileri:

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

     h1, h2, h3 { color: green; } 

     Canlı Dene Kopyala

5. Evrensel Seçici:

   • Tüm öğeleri seçer.

     * { margin: 0; padding: 0; } 

     Canlı Dene Kopyala

6. Alttan Çoklu Seçici:

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

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

     Canlı Dene Kopyala

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.