يمكنك إنشاء استعلامات كمية CSS باستخدام QQ Builder
قليل من المطورين يعرفون أو يستخدمون استفسارات كمية CSS على مواقعها على شبكة الإنترنت. إنها ميزة معقدة إلى حد ما ولكنها مفيدة أيضًا عند استخدامها لدينا عناصر مختلفة في حاوية.
استعلام الكمية يمكن تغيير / تحديث خصائص CSS مرتكز على حدود محددة مسبقا للعناصر التابعة. على سبيل المثال ، إذا كان لديك أكثر من ثلاثة عناصر في قائمة قد تجعل الخط أصغر لتوفير مساحة. مثال آخر هو تحديث عرض الرابط على أساس عدد الروابط في قائمة التنقل.
مثل هذه المهام يمكن الحصول على تعقيد بسرعة لكن بفضل منشئ استعلامات الكمية لا تحتاج إلى حفظ أي بناء جملة مربكة.
هذا التطبيق على شبكة الإنترنت يولد كل رمز لك لتوفير الوقت. أنت بحاجه إلى اختر من ثلاثة قوائم منسدلة التي تخصيص الاستعلام الكمية الخاصة بك. انهم يعملون مثل هذا:
- منتخب - أي عنصر (عناصر) تابع يجب حسابه
- نوع الاستعلام - اختر بين “في الغالب”, “على الأقل”, أو مزيج من “في الغالب” و “على الأقل”
- كمية - إجمالي عدد العناصر المراد تصفيتها
هذا يبدو مربكا في الكود لكنه مفهوم بسيط حقا. تتيح لك استعلامات الكمية تطبيق خصائص CSS بناء على العدد الإجمالي للعناصر الفرعية.
لذلك يمكنك ذلك إضافة بعض أنماط CSS عندما يكون هناك ، يقول, على الأقل 4 عناصر فرعية (4 أو أكثر). أو ، يمكنك ذلك إضافة أنماط فقط عندما هناك في الغالب 4 عناصر فرعية (0-4 أطفال).
محدد التحرير والسرد يتيح لك تحديد بالضبط عدد الأطفال الحد الأدنى والحد الأقصى ضرورية لعرض بعض خصائص CSS.
في المثال على الصورة أعلاه ، لقد قمت بتعيين مجموع “في الغالب” العناصر إلى 2. وهذا يعني عندما يكون لدي 0 أو 1 أو 2 أطفال الكتل باللون الأحمر. إذا أضفت واحدة أخرى للحصول على 3 أطفال ، فستتحول كل الكتل إلى اللون الأزرق.
إذا لم يكن لديك أي فكرة عما يحدث يمكنك ذلك انقر فوق مربع المعلومات الصغيرة في الشريط الجانبي. سوف يطرح نافذة مشروط مع الحقائق وبناء الجملة شرح ميزة الاستعلام عن الكمية.
هذه هي أداة مفيدة للغاية ل كل من المبتدئين والمطورين ذوي الخبرة. أنه سوف توفير الكثير من الوقت على المدى الطويل وسوف تساعدك إنشاء مواقع أكثر ديناميكية.
للبدء ، تفضل بزيارة موقع ويب QQ builder و البدء في تخصيص الميزات الخاصة بك. يمكنك لعبة مع النتائج و تحقق المعاينة الحية في الجزء الأيسر لمعرفة كيفية تأثير التغييرات على العناصر الفرعية.
هذا المشروع هو أيضا متاح على جيثب لذلك أنت حر في تحقق من شفرة المصدر او حتى قم بتنزيل نسخة محليًا. وإذا كنت تحب هذا التطبيق أو لديك أي أسئلة / اقتراحات للمُنشئ Drew Minns ، فيمكنك تصويره على tweet سريعةdrewisthe.