طريقة اخفاء قائمة من الهيدر

ما فهمته هو أنك تريد إخفاء تلك العناصر، صحيح؟

فلما إذا لا تستخدم خاصية display وإعطاء none لها لتلك العناصر، بمعنى لو أن لديك عنصر ul يحتوي على قائمة الهيدر وعناصر القائمة هي عناصر li، فاستخدم الخاصية كالتالي لإخفائهم:

ul li {
  display: none;
}

أو تستطيع تنفيذ نفس الأمر ولكن باستخدام كلاس باسم hidden مثلاً يتم وضعه على عناصر القائمة كالتالي:

HTML

<ul>
  <li>Home</li>
  <li>About</li>
  <li class="hidden">Services</li>
  <li class="hidden">Projects</li>
  <li>Contact</li>
</ul>

ثم في CSS نقوم بإختيار الكلاس وإخفاء العناصر كالتالي:

li.hidden {
  display: none;
}