QQ Builder ile CSS Miktarı Sorguları Yaratın
Birkaç geliştirici hakkında bilgi sahibi olmak ya da kullanmak CSS miktar sorguları kendi web sitelerinde. Oldukça karmaşık bir özellik ama aynı zamanda yararlı bir kapta değişen öğeler var.
Bir miktar sorgusu CSS özelliklerini değiştirme / güncelleme dayalı alt öğeler için önceden tanımlanmış sınırlar. Örneğin, varsa üçten fazla ürün Listede, odayı kurtarmak için yazı tipini küçültebilirsiniz. Başka bir örnek bir bağlantının genişliğini güncelleme göre bağlantı sayısı navigasyon menüsünde.
Bunun gibi görevler yapabilir çabuk karmaşıklaş ama teşekkürler Miktar Sorguları Oluşturucu kafa karıştırıcı sözdizimini ezberlemenize gerek yoktur.
Bu web uygulaması sizin için tüm kodu oluşturur zaman kazanma. Gerek üç açılır menü arasından seçim yapın Bu miktar sorgunuzu özelleştirin. Böyle çalışırlar:
- selektör - hangi alt öğe sayılmalı
- Sorgu Türü - arasında seçim yapmak “en fazla”, “en azından”, ya da bir arada “en fazla” & “en azından”
- Miktar - filtrelenecek toplam öğe sayısı
Bu kod olarak kafa karıştırıcı görünüyor ama bu gerçekten basit bir kavram. Miktar sorguları, CSS özelliklerini uygulamanıza izin verir toplam alt öğe sayısına göre.
Böylece yapabilirsiniz belirli CSS stilleri ekle varken söyle, en azından 4 alt öğe (4 veya daha fazla). Ya da yapabilirsin yalnızca stilleri ekle var en fazla 4 alt öğe (0-4 çocuk).
Birleşik seçici, tanımlamanızı sağlar tam olarak kaç asgari ve azami çocuk belirli CSS özelliklerini görüntülemek için gereklidir.
Yukarıdaki ekran görüntüsündeki örnekte, Genel Toplam “en fazla” ürün 2. Bu, 0, 1 veya 2 çocuğum olduğunda bloklar kırmızı demektir. 3 çocuğu almak için bir tane daha eklersem tüm bloklar mavi olur..
Neler olup bittiğini bilmiyorsan, ne yapabilirsin küçük bilgi kutusunu tıklayın kenar çubuğunda. Bir getireceğim gerçekler ve sözdizimi ile modal pencere Miktar sorgulama özelliğini açıklamak.
Bu çok kullanışlı bir araçtır Hem yeni başlayanlar hem de deneyimli geliştiriciler. Olacak çok zaman kazan uzun vadede size yardımcı olacak daha dinamik web siteleri oluşturun.
Başlamak için, QQ oluşturucu web sitesini ziyaret edin ve özelliklerinizi özelleştirmeye başlayın. Yapabilirsin sonuçları ile oyuncak ve canlı önizlemeyi kontrol et Değişikliklerinizin alt öğeleri nasıl etkilediğini öğrenmek için sağ bölmede.
Bu proje aynı zamanda GitHub'da mevcut yani özgürsün kaynak kodunu kontrol et ya da yerel olarak bir kopya indir. Ve eğer bu uygulamayı seviyorsanız ya da yaratıcısı Drew Minns için herhangi bir sorunuz / öneriniz varsa onu hızlı bir tweet @drewisthe vurabilirsiniz.