سؤال

وفقا ل CSS3.info اختبار محدد, ، يدعم Firefox 3.0 بعض التباديل من محدد الأطفال. ومع ذلك، فإن التعليمات البرمجية المعروضة هنا (# 30) لا يعمل بالنسبة لي.

يجب أن تختار الفقرات الفارغة، لذلك قمت بتحرير التعليمات البرمجية الخاصة بي وما يليها ولكنها لا تظهر في Firefox (تعمل في Opera).

<style type="text/css">
div :nth-child(even) {
    background-color: yellow;
    height: 30px;
}
</style>

<div>
    <div>Does this element match?</div>
    <div></div>
    <div>Does this element match?</div>
    <div></div>
</div>

هل هذا خطأ في الاختبار، أو هل قمت بإجراء خطأ في مكان ما؟

هل كانت مفيدة؟

المحلول

هم ... وفقا ل هذه الصفحة فايرفوكس 3.0 لا يدعم :nth-child.

نصائح أخرى

إذا كنت تستخدم jQuery هذه قد تساعدك (لا يهمني المستعرض الذي يستخدمه المستخدم الخاص بك :))

في Firefox 3.5، تعمل حالة الاختبار الخاصة بك الآن كما هو متوقع.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top