我知道中文不是翻成這樣 這是在記錄我當下的視野 自有一番風景??? 意/異/譯趣
網路翻譯機的腦袋長這樣
有用的:nth 孩子食譜|Useful :nth-child Recipes 2011.6.16.
別人的文 https://css-tricks.com/useful-nth-child-recipies/
2011年6月16日 -
I get a little giddy when I come across perfect uses for :nth-child or :nth-of-type (read about the difference).
The better you understand them, the ...
掠人之美 找到一個超強的示範!!! 紀錄及簡單繁譯之(需彩照圖示者自行去 神人級的強者他家 鑑賞)
https://css-tricks.com/useful-nth-child-recipies/
要
選
:nth-child(5) 第五元素 (自動跑出這個譯詞滿有意思的) n=5 搜尋滿天飛 沒啥特別的 但順帶紀錄以後好找
:nth-child(n+6) 前五項 不 顯示 an+b a=1 b=6
:nth-child(an+b) 代公式就是這麼簡單 請自行發揮創意
:first-child 最頭一個 等同 :nth-child(1) n=1 即可 沒有難度
:last-child 最末一個 這都是網上搜即得 沒什稀奇
:nth-child(odd) 奇數
:nth-child(even) 偶數
:nth-child(-n+b) 只 顯 示 前五項
0 b=5 哇噢!!!!!!! 強到沒有詞語可形容 請受我一拜 再多教我幾招大絕吧
本篇之所以成文 就是只為著紀錄這個 負 號!!!
:nth-last-child(1) = :last-child 最末一個的另一種表示法
:nth-last-child(5) 從後面數來的第五個元素
:nth-last-child(n) 從後面數來第幾個
:nth-last-child(-n+b) 舉一反三 不知會不會畫虎不成反類犬. . . 別類犬 類緬因貓好喵~
b=5 只 顯 示 最末五項??? YES!!! 測試成功 這樣就不必寫得拓拓長很拉紮了
以下是自曝其短
沒查到這個格的 這麼個小小一橫符號 之前
:nth-child(-n+b) 只 顯 示 前五項
b=5 哇噢!!!!!!! 強到沒有詞語可形容 請受我一拜 再多教我幾招大絕吧
本篇之所以成文 就是只為著紀錄這個負號!!!
很哀怨地寫成 五 行
:nth-child(1)
:nth-child(2)
:nth-child(3)
:nth-child(4)
:nth-child(5)
就別再提了. . .
「偽類選取器(pseudo class selector)」 最早大約是看到這個
使用 CSS3 :nth-child(n) 選取器教學
http://csscoke.com/2013/09/21/%E4%BD%BF%E7%94%A8css3-nth-childn-%E9%81%B8%E5%8F%96%E5%99%A8%E8%A9%B3%E8%A7%A3/
使用 :nth-child(n) 需要注意的事項