CSS'de Sınıf Öneki Seçici Geldi:.prefix-* Kullanımı
CSS-Tricks'te yayınlanan çalışmaya göre, CSS'ye yeni bir özellik ekleniyor: sınıf öneki wildcard seçici. Basitçe söylemek gerekirse, artık `.prefix-` yazarak o ön eke sahip tüm sınıfları seçebileceksin.
Bu ne demek? Diyelim ki HTML'de `.btn-primary`, `.btn-secondary`, `.btn-danger` gibi sınıfların var. Eski yolda her birini ayrı ayrı yazman ya da daha karmaşık seçiciler kullanman gerekiyordu. Yeni özellikle sadece `.btn-` yazıp tüm buton varyasyonlarını bir çırpıda stilleyebilirsin.
.btn-* {
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}Bu seçici, özellikle tasarım sistemleri ve ölçeklenebilir CSS mimarilerinde işe yarar. Bir bileşen ailesinin tüm üyelerine ortak stil uygulamak istediğinde, tekrarlayan kuralları azaltıyor ve kodu daha temiz tutuyor.
Tabii ki bu henüz tarayıcı desteği açısından yeni bir özellik. Tarayıcı uyumluluğunu kontrol etmek ve fallback hazırlamak iyi bir alışkanlık. Ama geliştirilmesi onaylı bir özellik olması, CSS'nin modüler ve verimli yazılmasına doğru önemli bir adım.
Eğer component-based çalışıyorsan ve sınıf adlandırması konusunda düzen sağlamak istiyorsan, bu wildcard seçici senin iş akışını iyileştirebilir.
0 yorum