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

2022-07-22 07:09:09 字數 523 閱讀 1453

第一章:第二課 選擇器-結構性偽類選擇器[二]

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

之所以將這兩個選擇器放到一起來講,是因為它們非常相似,前者表示單獨選擇某類元素的第乙個元素,後者表示單獨選擇某類元素的最後乙個元素。

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

學會前兩個結構性偽類選擇器後,我們知道它們可以選擇第乙個和最後乙個子元素,可是又有新的問題了,有的時候我是選擇列表中的其中任何乙個子元素該怎麼辦呢?

比如我想選擇列表中的第二個子元素li,那麼只需要li:nth-child(2){}即可,如果想要選擇倒數第二個子元素li,那麼只需要li:nth-last-child(2){}即可,案例如下:

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

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

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

後台資料管理列表經常會有隔行換色的效果,在過去我們的做法是通過js來計算奇數行和偶數航,如今我們有了css3不需要這樣來做了,只需要css定義一下即可 上節課,我們雖然學習了nth chil和nth last child的用法,本節課我們來學習它的高階用法 nth child選擇器和 nth las...

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

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