亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

如何做到一個list中奇數(shù)和偶數(shù)行的背景色不一樣?

tianhang / 2331人閱讀

摘要:若是用原生就要判斷,例如元素行數(shù)奇數(shù)行代碼偶數(shù)行代碼而且用也可以添加奇偶數(shù)行的樣式,例如元素為的奇偶設(shè)置

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

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

轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/114968.html

相關(guān)文章

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

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

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

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

    shleyZ 評論0 收藏0
  • 翻譯 | 一行 JavaScript 代碼的逆向工程

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

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

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

    roland_reed 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<