لماذا تتداخل سمة 'title' مع عرض CSS؟

يحاول مستند HTML المقدم تطبيق كل من a.css وb.css على العناصر على الصفحة. ومع ذلك، لا يتم عرض الأنماط من b.css، كما هو موضح في مقتطف التعليمات البرمجية.

من خلال تعيين سمة العنوان على عنصر الذي يرتبط بـ b.css، يتم تصنيف ورقة الأنماط على أنها "مفضلة". ورقة الأنماط." في المقابل، تعتبر أوراق الأنماط التي لا تحتوي على سمة العنوان "أوراق أنماط ثابتة". وفقًا لمواصفات HTML:

أنواع أوراق الأنماط

• أوراق الأنماط الثابتة: مرتبطة بـ rel = "stylesheet" ولا توجد سمة عنوان. يتم تطبيقه دائمًا أثناء العرض.
• أوراق الأنماط المفضلة: مرتبطة بـ rel = "stylesheet" وسمة العنوان. تم تجميعها حسب العنوان، لكن المتصفحات تعرض فقط ورقة أنماط مفضلة واحدة لكل مجموعة.
أوراق الأنماط البديلة:
• مرتبطة بـ rel="alternate Stylesheet" والعنوان. تم تجميعها حسب العنوان، مما يسمح للمستخدمين بتحديد أوراق الأنماط من الواجهة التي يوفرها المتصفح.
في هذه الحالة، من خلال إضافة سمة العنوان، فإنك تقوم عن غير قصد بتصنيف b.css على أنها ورقة أنماط مفضلة. نظرًا لأنه يجب أن يكون هناك ورقة أنماط مفضلة واحدة فقط لكل مجموعة، فإن المتصفح يختار إحدى أوراق الأنماط لعرضها، مما يؤدي إلى استبعاد b.css.

لذلك، للتأكد من أن كلاً من a.css وb.css يتم تطبيقها، يجب عليك إزالة سمة العنوان من عنصر المرتبط بـ b.css. سيؤدي هذا إلى تصنيفها على أنها ورقة أنماط ثابتة، مما يضمن استخدامها جنبًا إلى جنب مع ملف a.css أثناء العرض.