2. الطبقات الزائفة والعناصر الزائفة
أ. محدد السليل بعد :hover
مثال
| أ: فترة التمرير { اللون: #0f0؛ } |
يصف
يمكن تحديد موضع العنصر بواسطة محدد يتبع الفئة الزائفة :hover، تمامًا مثل المحددات السليلة. سيؤدي المثال أعلاه إلى تغيير لون النص في عنصر الامتداد داخل العنصر عند تحريك الماوس.
حالة الدعم
| رقم IE6 IE7 نعم IE8 نعم |
ب. سلسلة من الدرجة الزائفة
مثال
| أ:الطفل الأول:تحوم { اللون: #0f0؛ } |
يصف
يمكن ربط الفئات الزائفة بتضييق نطاق اختيار العناصر. سيحدد المثال أعلاه أول علامة تحت كل عنصر أصل ويطبق عليها الفئة الزائفة P.
حالة الدعم
| رقم IE6 IE7 نعم IE8 نعم |
ج.: قم بالتحويم في العناصر غير المرتبطة
مثال
| شعبة: تحوم { اللون: #f00؛ } |
يصف
يمكن تطبيق الفئة الزائفة :hover على حالة التمرير لأي عنصر، وليس مجرد علامات.
حالة الدعم
| رقم IE6 IE7 نعم IE8 نعم |
د. :الطبقة الزائفة الطفل الأول
مثال
| شعبة لي: الطفل الأول { الخلفية: أزرق؛ } |
يصف
قم بتغيير الفئة الزائفة لتحديد موقع العنصر الفرعي الأول للعنصر الأصلي لكل عنصر محدد.
حالة الدعم
| رقم IE6 IE7 نعم IE8 نعم |
البق
في IE7، إذا كان هناك تعليق HTML قبل وضع العنصر الفرعي الأول، فستكون الفئة الزائفة للفرع الأول غير صالحة.
E. :التركيز من الدرجة الزائفة
مثال
| أ: التركيز { الحدود: 1 بكسل أحمر خالص؛ } |
يصف
تحدد هذه الفئة الزائفة كافة العناصر التي تركز عليها لوحة المفاتيح.
حالة الدعم
| رقم IE6 رقم IE7 IE8 نعم |
واو: قبل و: بعد الطبقات الزائفة
مثال
| #مربع:قبل { المحتوى: "هذا النص موجود أمام الصندوق"؛ } #الصندوق: بعد { المحتوى: "هذا النص موجود خلف الصندوق"؛ } |
يصف
يضيف هذان العنصران الزائفان محتوى تم إنشاؤه قبل العنصر المحدد وبعده على التوالي، ويتم استخدامهما مع سمة المحتوى.
حالة الدعم
| رقم IE6 رقم IE7 IE8 نعم |
3. دعم السمة
أ. الحجم الفعلي الناتج عن الموضع
مثال
| #صندوق { الموقف: مطلق؛ أعلى: 0؛ اليمين: 100 بكسل؛ اليسار: 0؛ أسفل: 200 بكسل؛ الخلفية: أزرق؛ } |
يصف
تحديد القيم العلوية واليمنى والسفلية واليسارية لعنصر تم وضعه بشكل مطلق سيعطي العنصر حجمه الفعلي (العرض والارتفاع)، على الرغم من عدم تعيين قيم العرض والارتفاع.
حالة الدعم
| رقم IE6 IE7 نعم IE8 نعم |
ب. الحد الأدنى للارتفاع والحد الأدنى للعرض
مثال
| #صندوق { الحد الأدنى للارتفاع: 500 بكسل؛ الحد الأدنى للعرض: 300 بكسل؛ } |
يصف
تحدد هاتان الخاصيتان الحد الأدنى لعرض العنصر وارتفاعه على التوالي، مما يسمح للمربع بأن يكون أكبر من الحد الأدنى للقيمة المحددة، ولكن ليس أصغر. يمكن استخدامها معًا أو بشكل منفصل.
حالة الدعم
| رقم IE6 IE7 نعم IE8 نعم |
ج. الحد الأقصى للارتفاع والحد الأقصى للعرض
مثال
| #صندوق { أقصى ارتفاع: 500 بكسل؛ أقصى عرض: 300 بكسل؛ } |
يصف
تحدد هاتان الخاصيتان أقصى ارتفاع وعرض للعنصر على التوالي. يُسمح للمربع بأن يكون أصغر من القيمة القصوى المحددة، ولكن ليس أكبر. ويمكن أيضًا استخدامها معًا أو بشكل فردي.
حالة الدعم
| رقم IE6 IE7 نعم IE8 نعم |