الكتابة فوق طبقة CSS

مشكلة صغيرة في استخدام المغلق ، في التعليمات البرمجية أدناه ، لقد استخدمت الفردية وحتى فئات من المغلق لتغيير لون الخلفية. ولكن عندما يكون هناك نسخة احتياطية (كما هو موضح) ، يجب أن تعرض القيم كخطوط مائلة مع الخصائص الفردية والزوجية. كيفية تحقيق ذلك ؟


                    
                    
                    

> 
> 
> 
> 

                    



> <tr class="${elements.index % 2 == 0 ? 'odd' : 'even'}">


                        <td >
0
في قائمة كاملة من العناصر التي تحتاج إلى عرضها في التقرير ، ولقد استخدمت أنماط فردية وحتى حتى لعرض الصفوف مع ألوان خلفية مختلفة ، ولكن عندما تكون هناك قيمة احتياطية ، فقط تلك القيمة المعينة التي أريد عرضها مثل الخط المائل
وأضاف المؤلف Techie, مصدر
آسف على هذا الارتباك ، لأنني لست مطور ويب نموذجي ، ولكن لدي خلفية خادعة. تحتاج جميع الصفوف إلى اعتماد الخصائص الفردية والخلفية ، ولكن أينما وجدت القيم الاحتياطية ، يجب أن يكون الخط "مائل"
وأضاف المؤلف Techie, مصدر
هل تطلب ، على الماوس تحوم عليك عرض القيم مائلة جنبا إلى جنب مع الخصائص الفردية وحتى
وأضاف المؤلف Exor, مصدر
يرجى توضيح سؤالك. ما المشكلة التي تواجهها حاليًا؟ هل تحتوي صفوف "النسخ الاحتياطي" على فئتين في HTML المُخرج ، على سبيل المثال ، <tr class = "odd backup"> ؟
وأضاف المؤلف jackwanders, مصدر

3 إجابة

used this one !important

tr.odd{
background:red !important;
}

tr.even{
background:yellow !important;
}
0
وأضاف

حاول القيام بذلك فقط باستخدام محددات CSS ، ولا تحتاج إلى تحديد الفئات في DOM.

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

ثم أضف فئة النسخ الاحتياطي عندما تريد.

فقط تأكد من تحديد الفئة . backup بعد القواعد الزوجية والزوجية ، بحيث لا تتم الكتابة فوق أي شيء.

0
وأضاف

First of all if you make the functionality as if that a new class is added in the <tr> when backup value is present. For example if you add a class named backup then the <tr> would look like this <tr class="odd backup"> or <tr class="even backup">. After doing this functionality add the styles like below :-

tr.odd {
    /* your styles already used*/
}
tr.even {
    /* your styles already used*/
}
tr.backup {
    font-style: italic; /* This would take effect for the <tr> which has backup class added */
}

Edit:

If you place the styles which you want to keep for the backup <tr>inside the .backup class your requirement would be achieved. And please keep the .backup class below the .even and .odd class. As styles written above gets overwritten with the below ones.

0
وأضاف
عملت بعد إجراء بعض التغييرات في شروط البرنامج النصي وإنشاء. النسخ الاحتياطي في CSS ... شكرا زميله
وأضاف المؤلف Techie, مصدر
ما البرنامج النصي الذي تستخدمه؟ ولست على علم بما تستخدمه. أنا مطور الواجهة الأمامية ومن ثم أعطيتك فكرة تتعلق بالأنماط.
وأضاف المؤلف Subhajit, مصدر
اوه ليس لدي معلومات عن JSP ، يمكنك طرح سؤال لهذا المطلب. وبمجرد الحصول على إجابة على ذلك ، استخدم الأسلوب كما ذكرت هنا. سيتم حل مشكلتك.
وأضاف المؤلف Subhajit, مصدر
بكل سرور :)
وأضاف المؤلف Subhajit, مصدر