يجب أن يكون هذا أحمر

. all_red_text {color: red ؛ }

في هذه الحالة ، ترث عناصر H2 داخل .all_red_text div سلوك المتصفح الافتراضي لكونه أسود. اللون: أحمر. خاصية في .all_red_text تتجاوز هذا النمط الموروثة ، ويظهر النص باللون الأحمر. } .all_red_text {color: red ؛ }

في هذا المثال المنقح ، اللون: أسود ؛ القاعدة بشكل صريح بالنسبة لعناصر H2 لها الأسبقية على الخاصية الموروثة ، مما يؤدي إلى أن يكون النص H2 أسود. يتم إعطاء خصوصية قاعدة مستهدفة بشكل مباشر دائمًا أولوية أعلى ، بغض النظر عما إذا كانت الخاصية الموروثة تأتي من عنصر أو وكيل المستخدم. إن فهم هذا السلوك أمر ضروري لتجنب النتائج غير المتوقعة عند العمل مع الأنماط الموروثة في CSS.