freeCodeCamp/guide/arabic/certifications/responsive-web-design/basic-css/override-styles-in-subseque.../index.md

2.2 KiB

title localeTitle
Override Styles in Subsequent CSS تجاوز الأنماط في CSS لاحقة

تجاوز الأنماط في CSS لاحقة

الشيء الأكثر أهمية الذي يجب تذكره عند الرغبة في تجاوز الأنماط في CSS اللاحقة هو ترتيب إنشاء الفئات.

آخر نمط محدّث سيأخذ الأولوية على الفئات المكتوبة سابقاً.

فمثلا:

`

`

الآن، عند إنشاء أي نص في body ، وسوف يكون لون النص purple المسندة إليها.

لبدء تجربة عملية الإلغاء ، يمكنك الآن إضافة فئة "red-text" لمشاهدة النتائج.

باستخدام التنسيق أعلاه ، سيتجاوز النص أدناه لون الخط purple السابق purple red .

`

Example

`

عندما تريد إضافة عدة فئات ، يمكنك استخدام هذا التنسيق:

`

Example

`

يمكنك الآن إضافة الفئة الأخيرة التي تم إنشاؤها أعلاه ( "blue-text" ) إلى نفس المثال أعلاه لمشاهدة النتائج.

`

Example

`

سيؤدي ذلك تلقائيًا إلى اختيار الفصل الأخير الذي تم إنشاؤه في قسم الأنماط ، والذي كان في هذه الحالة هو "blue-text" .

حتى إذا قمت بتطبيق red-text للفئة الأولى خلف red-text blue-text للفئة الثانية ، فستقوم عملية إلغاء الاختيار باختيار الفئة التي تم إنشاؤها مؤخرًا. في هذه الحالة ، يكون هذا الفصل هو blue-text .

لذلك ، على سبيل المثال:

`

Example

`

سيظل هذا يعرض لون خط blue بسبب الترتيب في قسم الأنماط.

تم إنشاء فئة blue-text الماضي ، وحرث من أسفل ( </style> ).