الصفين الزائفين - pseudo rows

الصفين الزائفين هما منقحان CSS يستخدمان لتطبيق أنماط على عناصر HTML بناءً على حالاتها.

الخطوات العملية:

• أضف الصفين الزائفين إلى العنصر الذي تريد تصفيفه. على سبيل المثال:

<a href="#">رابط</a>

• استخدم الصفين الزائفين في قواعد CSS الخاصة بك. على سبيل المثال:

a:hover {
  color: red;
}

المفاهيم الرئيسية:

• Hover: يطبق أنماطًا عند تحريك مؤشر الماوس فوق عنصر.
• Focus: يطبق أنماطًا عند التركيز على عنصر (على سبيل المثال، عند استخدام Tab).
• Active: يطبق أنماطًا عند تفعيل عنصر (على سبيل المثال، عند النقر فوق رابط).
• First-child: يطبق أنماطًا على العنصر الأول داخل عنصر آخر.
• Last-child: يطبق أنماطًا على العنصر الأخير داخل عنصر آخر.
• Nth-child: يطبق أنماطًا على عناصر محددة (على سبيل المثال، nth-child(2 يطبق أنماطًا على العنصر الثاني).

مثال CSS:

a:hover {
  color: red;
}

button:active {
  background-color: green;
}

ul li:first-child {
  font-weight: bold;
}

دليل لتحسين إمكانية الوصول:

• استخدم الصفين الزائفين Focus و: Hover لإبراز العناصر المهمة.
• استخدم الصفين الزائفين First-child و: Last-child لإنشاء تخطيطات متسقة.
• استخدم الصفين الزائفين Nth-child لإضفاء أنماط على عناصر محددة.