第一章 第二課 選擇器 結構性偽類選擇器 三

2022-07-22 07:09:09 字數 426 閱讀 7992

後台資料管理列表經常會有隔行換色的效果,在過去我們的做法是通過js來計算奇數行和偶數航,如今我們有了css3不需要這樣來做了,只需要css定義一下即可;

上節課,我們雖然學習了nth-chil和nth-last-child的用法,本節課我們來學習它的高階用法

:nth-child選擇器和:nth-last-child選擇器

隔行換色效果其實很簡單,同樣是根據奇偶數判斷,英文裡面的奇數是odd,偶數是even,所以我們只需要給這兩個選擇器傳入odd或even就能篩選出奇數行或偶數行了。

nth-last-child同樣也可以傳入這兩個單詞,只不過是倒數元素而已,好,我們現在來看一下案例:

第一章 第二課 選擇器 結構性偽類選擇器 二

第一章 第二課 選擇器 結構性偽類選擇器 二 first child選擇器和 last child選擇器 之所以將這兩個選擇器放到一起來講,是因為它們非常相似,前者表示單獨選擇某類元素的第乙個元素,後者表示單獨選擇某類元素的最後乙個元素。nth child選擇器和 nth last child選擇器...

第一章 第二課 選擇器 結構性偽類選擇器 四

上節課 我們學習了nth child和nth last child的高階用法,可以實現隔行變色等效果,但是它在使用的過程中有乙個問題,是什麼問題呢?咱們來看下面的這個例子 前端開發網 w3cfuns.com web前端開發起飛區,web前端開發高手聚集地,教程 資源完全免費!前端開發網 w3cfun...

《水煮三國》第一章 第二課

第一章第二課 自助者天助 長江國際工商管理大學的校名出自中國古典名著 三國演義 的開卷詞 滾滾長江東逝水 曾經造就過古往今來的無數英雄豪傑,是一所國際知名學府。劉備能夠成為這所大學的學生,前途遠景,已足以讓人展開無限聯想。叔叔劉元起知道這孩子長大後必有出息,過來對嫂子說 這孩子總算給他死去的爹爭了氣...