يوسف المطيري | مبرمج ويب
يوسف المطيري | مبرمج ويب

@yousef_almotiri

5 تغريدة Apr 08, 2023
معلومة css متقدمة
سبق تكلمت عن دالة has في الـ css
وكيف سوت نقله نوعية في الـ css
وهي تفيدنا بالتحكم بالعنصر الاب عن طريق وجود عنصر بداخله
اليوم بيكون مع دالة has دالة اخرى
في هذا المثال يوجد لدي 4 منتجات
3 منها يوجد بها كلاس اسمه price والاخير لا يوجد فيه
هذا الكلاس
طيب الان المنتجات اللي فيها كلاس price
بنضيف لها كلمة متوفر عن طريق الـ before
طبعا عن طريق دالة has
والكود معناه اذا كان العنصر card يحتوي على كلاس price
اضف اليه التنسيقات التاليه
الان كل شي تمام
باقي لنا العنصر اللي ما فيه كلاس price
نبغى نسوي له تنسيق لكن كيف نعكس دالة has
هنا ندمج معها دالة اخرى وهي دالة not
ومعنى الكود اذا كان العنصر card لا يحتوي على كلاس price
اضف التنسيقات التالية
اتمنى يكون الشرح واضح
وتستفيدوا من هذه الخصائص
بالتوفيق للجميع

جاري تحميل الاقتراحات...