متى بدأت المتصفحات في دعم فئات متعددة لكل علامة؟

Question

يمكنك استخدام أكثر من فئة CSS واحدة في علامة HTML في متصفحات الويب الحالية، على سبيل المثال:

<div class="style1 style2 style3">foo bar</div>

لم ينجح هذا دائمًا.ما هي الإصدارات التي بدأت بها المتصفحات الرئيسية دعم هذه الميزة بشكل صحيح؟

Answer 1

@ Wayne Kao - ليس لدى IE6 مشكلة في قراءة أكثر من اسم فئة على عنصر ما، وتطبيق الأنماط التي تنتمي إلى كل فئة.ما تشير إليه المقالة هو إنشاء أنماط جديدة بناءً على مجموعة أسماء الفئات.

<div class="bold italic">content</div>

.bold {
  font-weight: 800;
}

.italic {
  font-style: italic;
{

سيطبق IE6 كلاً من الأنماط الغامقة والمائلة على div.ومع ذلك، لنفترض أننا أردنا أن تكون جميع العناصر التي تحتوي على فئات غامقة ومائلة باللون الأرجواني أيضًا.في Firefox (أو ربما IE7، لست متأكدًا)، يمكننا كتابة شيء مثل هذا:

.bold.italic {
  color: purple;
}

هذا لن يعمل في IE6.

Answer 2

أعتقد أن Firefox يدعم هذا دائمًا، على الأقل منذ الإصدار 1.5 على أي حال.أضاف IE الدعم الكامل فقط في الإصدار 7.IE6 يدعمه جزئيًا، لكنه به أخطاء كبيرة، لذا لا تعتمد على أنه يعمل بشكل صحيح.

Answer 3

وفق عنبية, وIE4 وNetscape 4.x لا يدعمان هذا. مواصفات HTML 4.0 يقول

الطبقة = قائمة cdata [CS]

تقوم هذه السمة بتعيين اسم فئة أو مجموعة من أسماء الفصول إلى عنصر.قد يتم تعيين أي عدد من العناصر اسم أو أسماء الفئة نفسها.يجب فصل أسماء فصول متعددة بواسطة أحرف فضاء بيضاء.

Answer 4

من الواضح أن IE 6 لا يتعامل مع هذه الأمور بشكل صحيح إذا كان لديك محددات CSS تحتوي على أسماء فئات متعددة:http://www.ryanbrill.com/archives/multiple-classes-in-ie/