close

 

 

 

  我知道中文不是翻成這樣 這是在記錄我當下的視野 自有一番風景??? 意/異/譯趣  
  網路翻譯機的腦袋長這樣  

  有用的: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) 需要注意的事項  

 

 

 

arrow
arrow
    全站熱搜

    多的 ♛ 寶格 發表在 痞客邦 留言(3) 人氣()