Fethi Polat 1
Fethi Polat
Mt2Hizmet 1
Mt2Hizmet
Sevdamsın 1
Sevdamsın
Nedved35 1
Nedved35
Hikaye Ekle

QQ Builder ile CSS Miktar Sorguları Oluşturun

  • Konuyu başlatan Konuyu başlatan bLastX
  • Başlangıç tarihi Başlangıç tarihi
  • Cevaplar Cevaplar 0
  • Görüntüleme Görüntüleme 183

Ayyıldız2 | 2008 TR Yapısı • 1-99 Orta Emek Destan • Oto Avsız • 10 Temmuz 21:00 HEMEN TIKLA!

Bir miktar sorgusu, alt öğeler için önceden tanımlanmış sınırlara göre CSS özelliklerini değiştirebilir / güncelleyebilir . Örneğin, bir listede üçten fazla öğe varsa,yazı tipioda tasarrufu için daha küçük. Başka bir örnek, gezinme menüsündeki bağlantı sayısına göre bir bağlantının genişliğini güncellemektir .

Bunun gibi görevler hızla karmaşıklaşabilir, ancak Miktar Sorgu Oluşturucu sayesinde kafa karıştırıcı herhangi bir söz dizimini ezberlemenize gerek kalmaz.


Bu web uygulaması , zamandan tasarruf etmeniz için tüm kodu oluşturur . Miktar sorgunuzu özelleştiren üç açılır menüden seçim yapmanız gerekir . Şöyle çalışıyorlar:

Seçici hangi alt öğelerin sayılması gerekir
Sorgu türü "en fazla", "en azından" veya "en fazla" ve "en azından" kombinasyonunu seçin
Miktar filtrelenecek toplam öğe sayısı

Bu kodda kafa karıştırıcı gibi görünüyor ama bu gerçekten basit bir kavram. Miktar sorguları , toplam alt öğe sayısına göre CSS özelliklerini uygulamanıza olanak tanır .

Böylece , örneğin en az 4 alt öğe (4 veya daha fazla) olduğunda belirli CSS stillerini ekleyebilirsiniz . Veya, olabilir yalnızca stilleri eklemek var en fazla 4 alt öğeleri (0 4 çocuk).

Birleşik seçici , belirli CSS özelliklerini görüntülemek için tam olarak kaç minimum ve maksimum alt öğenin gerekli olduğunu tanımlamanıza olanak tanır .

sorgular kutusu

Yukarıdaki ekran görüntüsündeki örnekte, toplam "en fazla" öğeyi 2'ye ayarladım . Bu, 0, 1 veya 2 çocuğum olduğunda blokların kırmızı olduğu anlamına gelir. 3 çocuk sahibi olmak için bir tane daha eklersem, tüm bloklar maviye döner.

Neler olduğu hakkında hiçbir fikriniz yoksa , kenar çubuğundaki küçük bilgi kutusunu tıklayabilirsiniz . Miktar sorgu özelliğini açıklayan gerçekler ve sözdizimi içeren bir modal pencere açacaktır .


Bu, hem yeni başlayanlar hem de deneyimli geliştiriciler için çok kullanışlı bir araçtır . Bu edeceğiz sürü zaman kazanmış uzun vadede ve yardımcı olacak daha dinamik web siteleri oluşturmak .

Başlamak için QQ oluşturucu web sitesini ziyaret edin ve özelliklerinizi özelleştirmeye başlayın . Şunları yapabilirsiniz sonuçlarla oyuncak ve canlı önizleme kontrol yaptığınız değişikliklerin alt öğelerini nasıl etkilediğini öğrenmek için sağ bölmede.

Bu proje GitHub'da da mevcuttur böylece kaynak kodunu kontrol etmekte veya yerel olarak bir kopyasını indirmekte özgürsünüz . Ve bu uygulamayı seviyorsanız veya yaratıcısı Drew Minns için herhangi bir sorunuz / öneriniz varsa, ona hızlı bir tweet çekebilirsiniz.
 

Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)

Geri
Üst