css中tabletr:nth-child(even)改變tr背景顏色:IE7,8無效_html/css
來源:懂視網
責編:小采
時間: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
導讀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實現
$(".nav ul li div a:nth-child(even)").css({'background':'red'});$(".nav ul li div a:nth-child(odd)").css({'background':'grey'});
在網上看了看 還有第四種方法:
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"))}
但是實踐的時候發現第四種完全沒有反應,如果你實踐了有效果,請說說其中的原因吧。
第四種方法參考地址:
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。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