يتطلب تطوير الويب مجموعة واسعة من المهارات ، بما في ذلك معرفة كس. يتيح لك استخدام الأنماط إنشاء تصميمات جذابة وإدارة العناصر على صفحة الويب. واحدة من هذه المهارات هي القدرة على إخفاء العناصر باستخدام كس.
يمكن أن يكون إخفاء العناصر مفيدا ، على سبيل المثال ، عندما تريد تعطيل عرض عناصر معينة على أجهزة معينة أو أثناء تفاعلات مستخدم معينة. في هذه المقالة ، سوف ننظر في 5 طرق مختلفة لإخفاء العناصر باستخدام كس ، والتي سوف تساعدك على كسب المزيد من السيطرة على صفحة ويب.
1. باستخدام خاصية العرض
تتيح لنا خاصية العرض التحكم في عرض عنصر على صفحة الويب. يمكننا استخدام القيمة لا شيء لإخفاء العنصر تماما ، أو القيمة المخفية لإخفاء العنصر مع توفير المساحة التي يشغلها. على سبيل المثال ، لإخفاء عنصر مع معرف "مياليمنت" ، يمكننا إضافة التعليمات البرمجية التالية إلى ملف كس لدينا:
# مياليمنت {العرض: لا شيء؛}
ملاحظة: يمكن أيضا استخدام خاصية العرض لعرض عنصر مخفي مسبقا. على سبيل المثال ، لعرض العنصر مع معرف "مياليمنت" مرة أخرى ، يمكننا استخدام التعليمات البرمجية التالية:
# مياليمنت {العرض: بلوك؛}
2. استخدام خاصية الرؤية
تسمح لنا خاصية الرؤية أيضا بإخفاء العناصر ، ولكن على عكس خاصية العرض ، فإنها تحافظ على المساحة التي يشغلها العنصر. يمكننا استخدام القيمة المخفية لإخفاء العنصر ، أو القيمة المرئية لإظهار العنصر المخفي. على سبيل المثال ، لإخفاء عنصر مع فئة "ميكلاس" ، يمكننا إضافة التعليمات البرمجية التالية إلى ملف كس:
.ميكلاس {الرؤية: مخفي؛}
ملاحظة: لإظهار العنصر المخفي مرة أخرى ، يمكننا استخدام الكود التالي:
.ميكلاس {الرؤية: مرئية؛}
3. باستخدام خاصية التعتيم