لماذا لا يتم وراثة خاصية font-family للعنصر select من body في css؟

السبب يرجع إلى تفضيلات CSS حيث إن العنصر <select> لديه تنسيق محدد أكثر،

مثلاً عندما قمت بإعطاء ألوان للعناصر ليظهر الفرق بوضوح وفحص الكود بأدوات المطور تجد الأتي:

والسبب هو أن العنصر <select> لديه تنسيق افتراضي معطي للعنصر بشكل محدد

وسبب حدوث هذه المشكلة مع بعض العناصر عن غيرها  هو ان ليست كل العناصر القيمة الافتراضية لبعض خواصها هي استيرادها من الأب ،

وأفضل طريقة لحل هذه المشكلة هي باستخدام الكود التالي لإعطاء الخصائص لكل العناصر :

* {
		/* your css code */
}

أو بكتابة كود أكثر تحديداً عن طريق استخدام class او غيرها .