تُستخدم "المنقيات" في لغة CSS لتحديد عناصر HTML معينة وتطبيق الأنماط عليها. فيما يلي الخطوات العملية لاستخدام "المنقيات":
أنواع المنقيات
- منقيات العناصر: تحدد عنصر HTML معين، مثل
<p> أو <div>
- منقيات الفئات: تحدد العناصر التي تحتوي على فئة CSS محددة، مثل
my-class.
- منقيات الهويات: تحدد عنصرًا واحدًا له هوية CSS محددة، مثل
my-id#
- منقيات السمات: تحدد العناصر التي تحتوي على سمة معينة، مثل
input[type="text"]
- المنقي العالمي: يطابق جميع عناصر HTML، مثل
*
- منقيات السلالات: تحدد العناصر التي تعد من سلالة عنصر معين، مثل
p a
- منقيات الأطفال: تحدد العناصر التي تعد أطفال عنصر معين، مثل
div > p
مثال CSS لتحديد عناصر معينة للتسقيف:
p {
color: red;
}
هذا المثال يحدد جميع عناصر <p> ويجعلها حمراء اللون.
نصائح لتحسين إمكانية الوصول
- تجنب استخدام منقيات الهويات حيثما أمكن، حيث يصعب صيانتها
- استخدم منقيات الفئات عندما تحتاج إلى تحديد مجموعة من العناصر المتشابهة
- استخدم منقيات السمات لتحديد العناصر بناءً على قيم السمة
- استخدم المنقي العالمي بحذر لأنه يطابق الكثير من العناصر