如何做到一個list中奇數和偶數行的背景色不一樣？

tianhang 發(fā)布于2019-08-30 11:23 / 2240人閱讀

摘要：若是用原生就要判斷，例如元素行數奇數行代碼偶數行代碼而且用也可以添加奇偶數行的樣式，例如元素為的奇偶設置

若是用原生js就要判斷，例如
for(var i = 0; i < 元素行數; i++){
if(i%2 == 0){
//奇數行代碼
}else{
//偶數行代碼
}
}
而且用css也可以添加奇偶數行的樣式，例如元素為tr的奇偶設置
tr:nth-child(odd){background:#0f0;}
tr:nth-child(even){background:#ff0;}

云服務器 GPU云服務器 asp 判斷奇數偶數 html5奇數偶數阿里云數據庫和服務器如何做到內網鏈接 php求數組偶數和

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/114968.html

前端每日實戰(zhàn)：157# 視頻演示如何用純 CSS 創(chuàng)作一個棋盤錯覺動畫

摘要：效果預覽按下右側的點擊預覽按鈕可以在當前頁面預覽，點擊鏈接可以全屏預覽。可交互視頻此視頻是可以交互的，你可以隨時暫停視頻，編輯視頻中的代碼。 showImg(https://segmentfault.com/img/bVbigC0?w=400&h=299); 效果預覽按下右側的點擊預覽按鈕可以在當前頁面預覽，點擊鏈接可以全屏預覽。 https://codepen.io/comehop...

Rainie 2019-08-29 17:00 評論0 收藏0
前端每日實戰(zhàn)：157# 視頻演示如何用純 CSS 創(chuàng)作一個棋盤錯覺動畫

摘要：效果預覽按下右側的點擊預覽按鈕可以在當前頁面預覽，點擊鏈接可以全屏預覽。可交互視頻此視頻是可以交互的，你可以隨時暫停視頻，編輯視頻中的代碼。 showImg(https://segmentfault.com/img/bVbigC0?w=400&h=299); 效果預覽按下右側的點擊預覽按鈕可以在當前頁面預覽，點擊鏈接可以全屏預覽。 https://codepen.io/comehop...

shleyZ 2019-08-02 11:44 評論0 收藏0
翻譯 | 一行 JavaScript 代碼的逆向工程

摘要：下一步，我聲明了變量和，然后把他們放在函數的頂部。注意，我將上述的剩余部分重命名為。會返回一個從開始的整數，并且每次執(zhí)行完之后返回值都會遞增。行之后超過了，使得結果發(fā)生了變化。這和我們的預期一致。這一時刻的數量已經增長了一定的數量。原文地址：Reverse Engineering One Line of JavaScript 原文作者：Alex Kras 譯者：李波校對者：冬...

wupengyu 2019-08-21 16:21 評論0 收藏0
CSS選擇器之:nth-child(n)與:nth-last-of-type(number)

摘要：功夫不負有心人，找到了選擇器。定義和用法選擇器匹配屬于其父元素的第個子元素，不論元素的類型，從第一個子元素開始計數第一個子元素的下標是，不要和混淆，是。這段時間在做一些東西，整理了其中遇到的一個關于CSS選擇器的問題。需要完成一個下圖的側邊欄效果： showImg(https://segmentfault.com/img/bVuDuY); 乍一看，很簡單嘛，標簽列表、彈框，完工！ ...

roland_reed 2019-08-30 12:57 評論0 收藏0