2. الفئات الزائفة والعناصر الزائفة
أ: محدد السليل وراء التحوم
مثال
| ج: تحوم سبان { اللون: #0f0 ؛ } |
يصف
يمكن وضع عنصر من قبل محدد خلف: حوم الدرجة الزائفة ، تمامًا مثل محدد سليل. في المثال أعلاه ، عندما يحوم الماوس ، سيتم تغيير لون النص في عنصر Span في العنصر A.
يدعم
| IE6 لا IE7 نعم ie8 نعم |
ب. سلسلة الفئة الزائفة
مثال
| ج: الطفل الأول: تحوم { اللون: #0f0 ؛ } |
يصف
يمكن ربط الفئات الزائفة بسلسلة لضيق اختيار العناصر. سيقوم المثال أعلاه بتحديد موقع العلامة الأولى تحت كل عنصر من عناصر الوالدين وتطبيق Pseudo-Class P عليها.
يدعم
| IE6 لا IE7 نعم ie8 نعم |
جيم بين العناصر غير المانعة: تحوم
مثال
| Div: Hover { اللون: #F00 ؛ } |
يصف
يمكن تطبيق: الفئة الزائفة المزيفة على حالة تحوم أي عنصر ، وليس فقط العلامة.
يدعم
| IE6 لا IE7 نعم ie8 نعم |
D.: الطبقة الزائفة الأولى
مثال
| Div LI: أول طفل { الخلفية: الأزرق. } |
يصف
تحدد الفئة المعدلة الزائفة العنصر الطفل الأول للعنصر الأصل لكل عنصر محدد.
يدعم
| IE6 لا IE7 نعم ie8 نعم |
البق
في IE7 ، إذا كان العنصر الأول الذي يتم تحديد موقعه يحتوي على تعليقات HTML من قبل ، فستكون الفئة الزائفة الأولى غير صالحة
E.: التركيز الفئة الزائفة
مثال
| ج: التركيز { الحدود: 1 بكسل صلب أحمر. } |
يصف
يحدد هذا الفئة الزائفة جميع العناصر مع تركيز لوحة المفاتيح.
يدعم
| IE6 لا IE7 لا ie8 نعم |
و ،: قبل و: بعد الفئات الزائفة
مثال
| #box: قبل { المحتوى: "هذه الفقرة أمام المربع" ؛ } #box: بعد { المحتوى: "هذه الفقرة وراء المربع" ؛ } |
يصف
يضيف هذان العناصر الزائفة المحتوى الذي تم إنشاؤه قبل وبعد العنصر المحدد ، واستخدامه مع سمة المحتوى.
يدعم
| IE6 لا IE7 لا ie8 نعم |
3. دعم السمة
أ. الحجم الفعلي الناتج عن الموقف
مثال
| #صندوق { الموقف: مطلق ؛ أعلى: 0 ؛ اليمين: 100px ؛ اليسار: 0 ؛ القاع: 200 بكسل ؛ الخلفية: الأزرق. } |
يصف
إن تحديد القيم العلوية واليمين والأسفل واليسرى للعناصر الموضوعة تمامًا سيعطي الحجم الفعلي (العرض والارتفاع) للعنصر ، على الرغم من عدم وجود إعداد لجعل قيم العرض والارتفاع.
يدعم
| IE6 لا IE7 نعم ie8 نعم |
ب.
مثال
| #صندوق { MINIight: 500px ؛ Min-Width: 300px ؛ } |
يصف
تحدد هاتان الخصائصان الحد الأدنى لقيم عرض وارتفاع العنصر ، مما يسمح أن يكون المربع أكبر من القيمة الدنيا المحددة ، ولكن ليس أصغر. يمكن استخدامها معًا أو بشكل منفصل.
يدعم
| IE6 لا IE7 نعم ie8 نعم |
C ، Max-Leight و Max-Width
مثال
| #صندوق { الحد الأقصى-ارتفاع: 500 بكسل ؛ Max-Width: 300px ؛ } |
يصف
تحدد هاتان الخصائصان الحد الأقصى للقيم لارتفاع وعرض العنصر ، مما يتيح أن يكون المربع أصغر من القيمة القصوى المحددة ، ولكن ليس أكبر. يمكن استخدامها أيضًا في وقت واحد أو بشكل فردي.
يدعم
| IE6 لا IE7 نعم ie8 نعم |