הסתרת אלמנטים אם אלמנט פנימי אינו קיים

זה נפוץ בעיקר כאשר יש תוכן דינמי באתר, לפעמים יש מקומות שאין תוכן, ובמקרה כזה נרצה להסתיר את כל האזור.

(לפעמים אפשר לפתור את זה עם התנאי תצוגה באלמנטור, או עם תוספים כמו ג’ט ועוד).

הנה קוד פשוט שבודק האם קיים אלמנט פנימי, אם לא, הוא יסתיר את כל האזור.

יש לתת לאזור את הקלאס parent-class,
ולאלמנט הפנימי child-class

				
					.parent-class:not(:has(.child-class)){
    display: none;
}
				
			

רוצים להבין טוב יותר איך לכתוב קוד בוורדפרס ואלמנטור?

מוזמנים לבדוק את הקורס שלי, קורס הוספת קוד בוורדפרס ואלמנטור

הקורס הזה גם כלול בחבילת כל הקורסים במחיר מיוחד

תגובה אחת

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

פעם בשבוע אני שולח ניוזלטר
עם כל המאמרים החדשים באתר
מעניין אותך?