css中tabletr:nth-child(even)改變tr背景顏色:IE7,8無效_html/css
來源:懂視網(wǎng)
責(zé)編:小采
時間:2020-11-27 16:11:48
css中tabletr:nth-child(even)改變tr背景顏色:IE7,8無效_html/css
css中tabletr:nth-child(even)改變tr背景顏色:IE7,8無效_html/css_WEB-ITnose:例如: .my_table tr:nth-child(even){background:#E6EDF5;}.my_table tr:nth-child(odd){background:#F0F5FA;} IE7,8無效,無法識別。 換一種方法: 給需要變色的tr加上class .table_border table
導(dǎo)讀css中tabletr:nth-child(even)改變tr背景顏色:IE7,8無效_html/css_WEB-ITnose:例如: .my_table tr:nth-child(even){background:#E6EDF5;}.my_table tr:nth-child(odd){background:#F0F5FA;} IE7,8無效,無法識別。 換一種方法: 給需要變色的tr加上class .table_border table

例如:
.my_table tr:nth-child(even){background:#E6EDF5;}.my_table tr:nth-child(odd){background:#F0F5FA;}
IE7,8無效,無法識別。
換一種方法:
給需要變色的tr加上class
.table_border table tr.even{background: #f8f8fb;}
方法三:jquery實(shí)現(xiàn)
$(".nav ul li div a:nth-child(even)").css({'background':'red'});$(".nav ul li div a:nth-child(odd)").css({'background':'grey'});
在網(wǎng)上看了看 還有第四種方法:
tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}td {background-color:expression((this.cellIndex%2==0)?"":((this.parentElement.sectionRowIndex%2==0)?"green":"yellow"))}
但是實(shí)踐的時候發(fā)現(xiàn)第四種完全沒有反應(yīng),如果你實(shí)踐了有效果,請說說其中的原因吧。
第四種方法參考地址:
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
css中tabletr:nth-child(even)改變tr背景顏色:IE7,8無效_html/css
css中tabletr:nth-child(even)改變tr背景顏色:IE7,8無效_html/css_WEB-ITnose:例如: .my_table tr:nth-child(even){background:#E6EDF5;}.my_table tr:nth-child(odd){background:#F0F5FA;} IE7,8無效,無法識別。 換一種方法: 給需要變色的tr加上class .table_border table