Sublime編纂器
HTML+CSS先完當作一個用來嘗試:nth-child()的根基HTML樣式與布局,代碼及預覽結果如下所示:

若是n暗示一個具體數值3,則會選擇某元素下的第3個子元素,如下所示:

若是就是一個n,將會選中父元素的所有子元素,如下所示:

若是n是一個表達式2n,則暗示所有的偶數項城市被選中,如下所示:

若是n是一個表達式2n+1,則暗示所有的奇數項城市被選中,如下所示:

若是n是一個表達式n+5,則暗示從第5個子元素起頭一向到最后的子元素城市被選中,如下所示:

若是n是一個表達式-n+5,則暗示選擇父元素的第1個到第5個子元素,它和n+5正好相反,如下所示:

以上就是布局偽類選擇器:nth-child()最常用的幾種體例,但愿對大師有所幫忙。
0 篇文章
如果覺得我的文章對您有用,請隨意打賞。你的支持將鼓勵我繼續創作!