التعليق: أضافت HTML5 محدد CSS جديد وفئة زائفة. وقد جمعت هذه المقالة بعضًا وأعطت مقدمة بسيطة للاستخدام. يمكن للأصدقاء الذين يحبون HTML5 الرجوع إليه. آمل أن يكون ذلك مفيدًا للجميع.
المحددp [name^= my] {font-size: 14px}
يتم تطبيق القواعد Selector ^= على جميع علامات العناصر <p> مع سمات الاسم التي تبدأ مع
p [name $ = my] {font-size: 14px}
المحدد $ = القواعد تنطبق على جميع سمات الاسم التي تنتهي مع علامات العناصر <p>
p [name*= my] {font-size: 14px}
يتم تطبيق القواعد المحدد $ = على جميع سمات الاسم التي تحتوي على <p> عناصر تنتهي مع بلدي
المحدد> ، + ، ~
المحدد> يعني أن العنصر المصاب هو طفل للعنصر الأول.
يشير Selector + هذا المحدد إلى العنصر الذي يتبع العنصر فورًا ، ويجب أن يكون لهذين العنصرين نفس الوالد.
يشبه المحدد ~ +، لكن العنصر المتأثر لا يتبع بالضرورة العنصر الأول.
أضف اسم الفئة الزائفة والعنصر المرجعي:
مثال: MyClass: Nth-Child (2)
العنصر الثاني في عنصر myClass
الكلمة الرئيسية غريبة ، حتى
MyClass: Nth-Child (Odd): يؤثر على موضع فهرس العنصر الأصل برقم فردي
MyClass: Nth-Child (حتى): يؤثر على موضع فهرس العنصر الأصل هو حتى
<style>
. الاختبار: Nth-Child (Odd)
{
اللون: الأزرق.
}
. الاختبار: Nth-Child (حتى)
{
اللون: أحمر.
}
. الاختبار: Nth-Child (2)
{
اللون: أخضر.
}
</style>
<viv>
<p>
1
</p>
<p>
2
</p>
</div>
<p>
1
</p>
<p>
2
</p>
<p>
1
</p>
<p>
2
</p>
الآثار هي كما يلي:
1
2
1
2
1
2
نفي الفئات الزائفة
: لا (ع) {اللون: أحمر}
جميع العناصر الأخرى باستثناء عنصر <p> أحمر