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>
).